网络上的字体[重复]

StackOverflow https://stackoverflow.com/questions/16233

  •  08-06-2019
  •  | 
  •  

题

这个问题在这里已经有答案了：

Web 开发人员可用的字体集合非常有限。我记得很久以前读过有关 TrueDoc 的文章，它是一种随网站一起提供字体的方式 - 但它似乎已经销声匿迹了。有人用过这个或者类似的吗？有足够多的浏览器支持吗？我是否缺少一个好的解决方案？

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

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

虽然我的问题措辞很糟糕，但我的意思是设计师不应该对客户可用的东西做出太多假设。您应该规划所有用户将如何查看您的网站，而不仅仅是使用您自己喜欢的设置的用户。

有帮助吗？

解决方案

Safari 以及 Firefox 3（在较小程度上）支持 @font-face 在 CSS 中，它允许您使用自定义字体。不过，您需要拥有适当的许可证才能分发字体文件。这些文章对此进行了更详细的解释：

其他提示

这是一个及时的话题；我们改用 Arial，因为 Calibri 与所有其他后备字体相比太小了！切换到（搞笑）Arial 让我非常痛苦，因为它是 Helvetica 的蹩脚副本：

http://www.ms-studio.com/articles.html

大小调整困难（如果您使用“c”字体作为标准，则太大；如果你使用正常的东西就太小了）在这里详细描述：

http://neosmart.net/blog/2006/css-vistas-new-fonts/

我会非常怀念 Calibri 漂亮的手工调整 RGB 混叠，但如果不要求安装 Calibri，就不可能为大多数用户提供良好的体验。这是相当常见的，因为它随 Office 2007 (Win/Mac) 一起提供，当然还有 Vista。但它还远未普及，因此为全球网络受众严重依赖它有点不负责任。

你当然可以使用 SIFR.

这在不支持它的浏览器中会正常降级并且可以访问。

它不太适合在大量文本上使用，但对于标题和突出显示文本来说它是完美的。

当然，这是针对当前浏览器和网络的固有限制的解决方案，但大多数网络技术和技术什么时候不是这样的。

你可以用新的来做到这一点 @font-face 宣言 在 CSS3 中可用。它对 CSS3 功能有很好的支持（即从 IE4 开始）也是如此。

一般语法是：

@font-face {
    src: url('你的字体的路径') format('woff|ttf|svg|eot|...');
    font-family: 要使用的名称;
    font-weight: 可选重量;
    font-style: 可选样式;
}

还有 可用的发电机 将字体转换为多种格式并创建适当的 CSS。

如今，我建议仅提供 WOFF 文件；很方便， 易于创建.

另外，请确保引用格式的名称（例如 format('woff')）；否则它将无法在 Firefox 上运行。

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

如果您能够优雅地降级为广泛使用的字体，那么使用 Windows/Vista 特定字体并没有什么错误或不正确。例如：

font-family: Calibri, Tahoma, Helvetica, Sans-Serif;

事实上，这就是重点！

CSS2 提供：

@font-face {
    font-family: Garamond;
    src: url(garamond.eot), url(garamond.pfr);
}

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

我认为这根本没有抓住重点。如果你这样做也没关系；每个人都会得到一些他们可以轻松阅读的合理内容，而那些需要的人可以将字体更改为他们想要的任何内容，因为它只是文本，并且所有主要浏览器都允许您自定义您看到的字体，无论网站设计者的偏好如何。

在 CSS 中建议某些用户没有的字体并没有什么问题；他们只是看到了与你不同的东西。不同不破。他们甚至不会想知道你为什么使用默认字体，因为他们不知道其他人会看到任何不同的东西。

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

Verdana, Arial, Helvetica, sans-serif

这是一个很好的做法，因为它承认人们会看到不同的事物。

这也是一个很好的做法：

Gill Sans, Verdana, Arial, Helvetica, sans-serif

所以大多数人都没有吉尔——谁在乎呢？无论如何，他们都会得到一个非常好的网站。

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

Gill Sans

不负责任的网页设计是指将文本设置为图像而不使用替代文本，不使用字体集中有趣的字体。

IE支持 @font-face （它最初是他们在 MS Word 中的专有技术）。 这是 IE 团队大约一个月前发表的一篇关于它的博客文章.

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

嗯...您可以，只要您知道它将如何在非 Vista/非 Windows 操作系统上呈现。

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

我想任何通过网页发送字体的方法都会带来某种安全风险。我听说过一些方法，在客户端没有所需字体的情况下，可以用显示的图像或某种闪存动态替换文本。我现在能找到的唯一一个这样的地方是 列表分离 但它可能已经是多余的了。上述方法还需要 CSS、图像和 JavaScript 才能工作，并且跨浏览器实现可能会很痛苦。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top