比如我网站中用了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放到对应元素的类里的话就会有效果。
直接在这个字体样式的下面加上一行:
font-weight: bold;
解决.
鉴于LZ贴上来的代码 可以尝试添加以下代码:
font-weight: bold !important;
(你的代码字体是从外部引用进来的 在不确定字体究竟有没有 bold 的样式 这个问题很难说. 不过在style标签有效果的情况下 上面的代码理论上也是有效果的)
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。