能否在CSS中定义“对特定字体的文本加粗”?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

能否在CSS中定义“对特定字体的文本加粗”?

a123456678 2016-03-25 10:15:32 1204

比如我网站中用了Helvetica Neues Ultra Thin字体,我想让所有用了这个字体的文字全部加粗,有办法用CSS实现么?

我的font-face定义如下:

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url("fonts/helvetica-neue-lt-std-25-ultra-light.eot");
    src: url("fonts/helvetica-neue-lt-std-25-ultra-light.eot?#iefix") format('embedded-opentype'),
         url("fonts/helvetica-neue-lt-std-25-ultra-light.woff") format('woff'),
         url("fonts/helvetica-neue-lt-std-25-ultra-light.ttf") format('truetype'),
         url("fonts/helvetica-neue-lt-std-25-ultra-light.svg#Helvetica Neue LT Std") format('svg');

    font-weight: bold;
}

但是页面上的字体没有被加粗。如果我把font-weight:bold放到对应元素的类里的话就会有效果。

前端开发
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:13:37

    直接在这个字体样式的下面加上一行:

    font-weight: bold;
    解决.

    鉴于LZ贴上来的代码 可以尝试添加以下代码:

    font-weight: bold !important;
    (你的代码字体是从外部引用进来的 在不确定字体究竟有没有 bold 的样式 这个问题很难说. 不过在style标签有效果的情况下 上面的代码理论上也是有效果的)

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程