css3 - 能否在CSS中定义“对特定字体的文本加粗”?
问题描述
比如我网站中用了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:是否可以这样子,定义一个class
.helvetica-neues-ultra-thin-bold { font-family: ’Helvetica Neues Ultra Thin’; font-weight: ’bold’;}
然后想使用该字体的地方加上helvetica-neues-ultra-thin-bold这个class。
回答2:直接在这个字体样式的下面加上一行:
font-weight: bold;
解决.
鉴于LZ贴上来的代码 可以尝试添加以下代码:
font-weight: bold !important;
(你的代码字体是从外部引用进来的 在不确定字体究竟有没有 bold 的样式 这个问题很难说. 不过在style标签有效果的情况下 上面的代码理论上也是有效果的)
相关文章:
1. android - ionic应用打包部署了,但是连接不上服务器,就连写一个a标签链接到百度都不可以2. boot2docker无法启动3. css - 移动端 oppo 手机之 Border-radius4. java - 什么叫构建?求解答 ^.^5. gosts内容是空的6. PHP单例模式7. css3 - 有好的Blog的CSS样式吗?8. javascript - vue2.0中使用vue2-dropzone的demo,vue2-dropzone的github网址是什么??百度不到。9. css3 - 微信前端页面遇到的transition过渡动画的bug10. browsersync检测的静态页面只能用index.html命名,用demo.html就不能实时同步,检测动态页面的时候,比如wamp环境下,用browsersync能打开页面,但不能实现同步