"Segoe UI Light" 字体无法在 FireFox 7 中显示

Question

在我们的网站中，“Segoe UI Light”字体在FireFox 7中无法正常呈现，但在IE9中可以。我应该检查什么？

- abenci

---

字体是什么格式？TTF？OTF？ - Diodeus - James MacFarlane

你应该提供一个示例页面。 - ceejayoz

清除 Firefox 缓存并强制重新加载。 - j08691

@Diodeus：在标准的Windows系统中，它是一个TTF字体文件。 - BoltClock

这是示例页面：http://www.devdept.com。主标题为“Segoe UI Light”，请使用FireBug进行检查。 - abenci

Answer 1

尝试使用这个 CSS

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

实际上，字体族名称是Segoe UI，Light是其样式（子字体，就像加粗和斜体一样）

这在我的端上可以工作。

- kingpin

---

你需要引用字体家族名称：'Segoe UI' - BoltClock

你还需要为 Chrome（也可能是 Safari）做这件事。 - Christopher King

Answer 2

这对我完美地起作用了。在所有主要的浏览器上也能工作。

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

顺便提一下，Segoe UI Light是一个独立的字体，而不是一个样式。

- Manul

Answer 3

这有点晚了，但我实际上只是复制了微软网站的做法，在所有主流浏览器和大多数非主流浏览器中都能很好地工作。

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

希望这能帮到你。

- Olokoo

Answer 4

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

- visualidiot

---

Segoe UI是Windows Vista及更新版本的默认字体，这些操作系统是IE9支持的唯一操作系统。 - BoltClock

Answer 5

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

字重为300可以让它非常接近Segoe UI Light。

- punchjay

Answer 6

在Firefox中很难让它正常工作。字重300在所有版本中都不起作用。下面的代码适用于我，并且与所有浏览器兼容。

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

- Kurkula