在一个网站中,我使用的是“Segoe UI Light”字体,它在 FireFox 13.0 中无法正确呈现,而在 IE9 中却可以。
我在css中做了如下更改
font-family: Segoe UI;
font-weight: lighter;
但这对我不起作用。
所以请为此提供解决方案。
只用
font-family: Segoe UI Light;
没有font-weight
。您现在所做的在原则上是正确的,但是 Firefox、Chrome 等无法正确选择和使用 Segoe UI Light 字体。
下面的代码对我有用,并且与所有浏览器兼容
font-family: "Segoe UI Light","Segoe UI";
font-weight: 300;
我从微软官方网站捕获了css,这两行应该可以正常工作。放入体内
body {
font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
font-weight: 300;
}
您需要引用姓氏:
font-family: "Segoe UI";
font-weight: lighter;