Question

在一个网站上，我使用的是“Segoe UI Light”字体，它在FireFox 13.0中无法正常呈现，而在IE9中却是如此。

我在css中做了如下更改

    font-family: Segoe UI;
    font-weight: lighter;

但它对我不起作用。

所以请为此提供解决方案。

Answer 1

仅使用

font-family: Segoe UI Light;

没有font-weight。您现在正在做的事情原则上是正确的，但Firefox，Chrome等无法正确选择和使用Segoe UI Light字体。

Answer 2

以下代码适用于我并与所有浏览器兼容

 font-family: "Segoe UI Light","Segoe UI";
 font-weight: 300;

Answer 3

您需要引用姓氏：

font-family: "Segoe UI";
font-weight: lighter;

Answer 4

我从微软官方网站上获取了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;
}

为什么“Segoe UI Light”字体无法在FireFox 13.0中呈现

4 个答案: