为什么只有部分系统字体在我的 HTML 中有效？答案

【问题标题】：Why do only some of my system fonts work in my HTML?为什么只有部分系统字体在我的 HTML 中有效？
【发布时间】：2009-05-31 19:24:14
【问题描述】：

我在进行开发的机器上安装了 Din Engshrift 和其他晦涩的字体。但是当我尝试从 HTML 访问它们时，它们看起来完全扭曲了。像“Courier New”这样的字体可以正常工作。是什么原因造成的？

【问题讨论】：

您使用的是什么浏览器和操作系统？当您在本地（使用 file:// URL）或从 Web 服务器查看页面时，是否会发生失真？你能发布一段涉及你的字体的 HTML/CSS 片段吗？

标签： html fonts typekit

【解决方案1】：

可能只是最近才使用标准字体以外的任何东西：http://www.tudy.ro/2008/09/02/embedded-web-fonts-are-back/。

不过，它不适用于所有浏览器。

更新：

这也可能很有趣：Typekit

【讨论】：

我认为他不是在谈论嵌入它们。只是指他机器上的那些。不过我不能确定。
嗯，好吧，但它是 html。只有少数人为自己编写 html。因此，如果他希望其他人查看该 html，嵌入问题会很有趣。

【解决方案2】：

DIN Engschrift 提供 OTF、PS 和 FF 格式，适用于 Mac 和 PC。您使用的浏览器可能不完全支持您安装的字体格式。尝试添加其他格式，或尝试其他浏览器。

http://new.myfonts.com/fonts/urw/engschrift/

我假设您已经意识到使用不寻常的 font5s 制作的任何 HTML 页面在缺少这些字体的机器上都不会呈现相同的内容。

【讨论】：

【解决方案3】：

支持的字体取决于浏览器，尽管我 Mac 上的 Firefox 显然允许我使用计算机上可用的任何字体。但是，由于我是一名 Web 开发人员，因此我希望拥有不同操作系统的人能够看到我的网站，因此我只使用“Windows/Mac Web 安全”的字体（Mac OS X 有助于将这些字体列为 Font Book 中的一个集合)

这不多，但世界并不理想。

可以用 CSS 字体模块告诉浏览器加载你想要的字体（@font 命令），但实际支持不是很好。

【讨论】：