CSS “Segoe UI Light”字体无法在 FireFox 7 中呈现

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/9415372/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-30 03:04:33  来源:igfitidea点击:

"Segoe UI Light" font does not render in FireFox 7

cssfonts

提问by abenci

In our website "Segoe UI Light" font does not render properly in FireFox 7, while it does in IE9. What should I check?

在我们的网站中,“Segoe UI Light”字体在 FireFox 7 中无法正确呈现,而在 IE9 中却可以。我应该检查什么?

回答by kingpin

Try this CSS

试试这个 CSS

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

Actually font family name is Segoe UI and Light is the style (sub font, as in case of bold and italic)

实际上字体系列名称是 Segoe UI,Light 是样式(子字体,如粗体和斜体)

This works on my side

这对我有用

回答by Manul

This worked perfect for me. Also works on all major browsers.

这对我来说很完美。也适用于所有主要浏览器。

font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
              Helvetica, Arial, "Arial Unicode MS", Sans-Serif;

Btw, Segoe UI Light is a standalone font, not a style.

顺便说一句,Segoe UI Light 是一种独立的字体,而不是一种样式。

回答by Olokoo

This is kind of a late answer but I actually just copied what the Microsoft site did, it works great in all the major browsers and most of the non-major.

这是一个迟到的答案,但我实际上只是复制了 Microsoft 网站所做的,它在所有主要浏览器和大多数非主要浏览器中都运行良好。

font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";

Hope this helped.

希望这有帮助。

回答by visualidiot

Check if the user has it installed on their machine. Are you using @font-face?

检查用户是否在他们的机器上安装了它。你在使用@font-face 吗?

回答by punchjay

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

Font weight at 300 gets it really close to Segoe UI Light.

300 的字体粗细使它非常接近 Segoe UI Light。

回答by Kurkula

Its difficult to get this working in Firefox. Font weight 300 doesnt work few time in all versions. The below code worked for me and compatible with all browsers

在 Firefox 中很难做到这一点。字体粗细 300 在所有版本中都很少使用。以下代码适用于我并与所有浏览器兼容

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