Html 网络上的字体

web开发人员可用的字体集合非常有限。我记得很久以前读过关于TrueDoc的文章，这是一种在网站旁边发送字体的方式，但它似乎已经过时了。有人用过这个或类似的东西吗？有足够的浏览器支持吗？我是否错过了一个好的解决方案

请注意，负责任的web开发人员不会使用仅在Windows上可用的字体（尤其是仅在Vista上可用的字体），也不会使用至少大多数浏览器不支持的技术

---

更新：正如一些人指出的那样，为没有您使用的特定字体的人提供备用字体列表没有什么错。事实上，我总是这样做，并不是故意暗示这是错误的

虽然我的问题措词不当，但我的意思是设计师不应该对客户的可用性做出太多假设。您应该计划所有用户如何查看您的站点，而不仅仅是使用您自己的首选设置的用户。

CSS2提供：

@font-face{
字体系列：Garamond；
src:url（garamond.eot），url（garamond.pfr）；
}

请注意，负责任的web开发人员不会使用仅在Windows上可用的字体（尤其是仅在Vista上可用的字体），也不会使用至少大多数浏览器不支持的技术

嗯……你可以，只要你知道它在非Vista/非Windows操作系统上的渲染方式

---

否则：是的，CSS2中的@font-face是最好的标准选择，即使它没有得到广泛的支持。

Safari，在较小的程度上，Firefox3支持CSS中的

@font-face

，允许您使用自定义字体。不过，您需要有相应的许可证才能分发字体文件。这些文章对此进行了更详细的解释：

请注意，负责任的web开发人员不会使用仅限于 在Windows上可用（尤其是仅在 他们也不会使用至少有一种软件不支持的技术 大多数浏览器

使用Windows/Vista特定字体没有任何错误或错误，只要您能够优雅地降级为广泛使用的字体。例如：

字体系列：Calibri、Tahoma、Helvetica、无衬线；

事实上，这就是重点

您当然可以使用

在不支持该功能且可访问的浏览器中，该功能会优雅地退化

它并不真正适合在大量文本中使用，但对于标题和突出显示文本，它是完美的

---

当然，这是一个解决浏览器和web在当时固有局限性的方法，但对于大多数web技术和技术来说，什么时候不是这样的呢；我们切换到Arial，因为Calibri与所有其他备用字体相比要小得多！切换到（gag）Arial让我非常痛苦，因为它是Helvetica的一个垃圾副本：

这里详细描述了调整大小的困难（如果使用“c”字体作为标准字体，则尺寸过大；如果使用普通字体，则尺寸过小）：

---

我会非常怀念Calibri漂亮的手调RGB别名，但如果不要求安装Calibri，就不可能为大多数用户提供良好的体验。这是相当普遍的，因为它与Office 2007（Win/Mac）一起出现，当然还有Vista。。但它远不是通用的，因此，在全球网络受众中严重依赖它是有点不负责任的。

IE支持

@font-face

（它最初是微软Word的专有技术）

请注意，负责任的web开发人员不会使用仅在Windows上可用的字体（尤其是仅在Vista上可用的字体），也不会使用至少大多数浏览器不支持的技术

我认为这一点有点漏洞百出。如果你这样做了也没关系；每个人都会得到一些易于阅读的东西，需要的人可以将字体更改为他们想要的任何字体，因为它只是文本，所有主要浏览器都允许您自定义您看到的字体，而不考虑网站设计师的偏好

在你的CSS中建议一些用户没有的字体并没有什么不好的地方；他们只是看到与你不同的东西。不同的东西是不会破碎的。他们甚至不会奇怪你为什么使用默认字体，因为他们不知道其他人看到了什么不同

这就是字体集的全部要点：

Verdana、Arial、Helvetica、无衬线

这是一个好的实践，因为它承认人们会看到不同的东西

这也是很好的做法：

Gill Sans、Verdana、Arial、Helvetica、Sans serif

所以大多数人都没有吉尔——谁在乎呢？他们得到了一个完美的网站

这也很好，但有点奇怪和懒惰：

Gill Sans

---

不负责任的网页设计就是在不使用alt-text的情况下将文本设置为图像，在字体集中不使用有趣的字体。

我认为任何在网页中发送字体的方法都会带来某种安全风险。我听说过一些方法，在客户端没有所需字体的情况下，文本可以动态地替换为图像或某种形式的flash显示。我现在能找到的唯一一个这样的是at，但它可能已经是多余的了。

---

该方法还需要css、图像和javascript才能工作，跨浏览器实现可能会很痛苦。

您可以使用CSS3中提供的新功能来实现这一点。它也非常支持CSS3特性（即自IE4以来）

一般语法为：

@font-face{
src:url（'path to your font'）格式（'woff | ttf | svg | eot |…'）；
字体系列：要使用的名称；