2

当我开始研究 HTML 时，只有很少的字体可供我们用于在每个浏览器上呈现的 HTML

Arial, Verdana, Times new roman, Georgia。现在，从 2003 年开始，浏览器发生了很大变化，是否有任何新的兼容字体适用于每个浏览器或我们仍然回到 2000 年初的字体？

4

6 回答 6

7

Naraj，我想你指的是web-safe fonts.这些是每个用户在他们的机器上都有的字体。

在我开始之前，让我试着解释一下字体加载是如何工作的。当您访问网站时，该CSS文件会告诉您的计算机要查找的字体文件。如果您的计算机上没有该字体文件，它将不会显示！幸运的是，浏览器很聪明，在这种情况下会使用默认值，比如 Arial。

无论如何，您引用的字体列表是大多数计算机在您开箱即用时附带的字体列表。因此，用户很可能会拥有它们，并且如果您引用它们，网站将正确显示（而不是求助于替代方案）。另一方面，像 Helvetica 这样的字体不会出现在每台机器上，因为它没有随 PC 提供。如果您尝试在您的网站上使用 Helvetica，大多数 PC 用户不会看到它显示！

话虽如此，您现在可以在技术上在任何网站上使用任何字体。这是通过 CSS 规则实现的@font-face。它的作用是让您指向服务器上字体的位置，然后用户可以在那里下载和使用它。

使用@font-face. 首先是用户必须下载字体，因此它会为您的页面显示增加一点延迟。第二个也是更关键的问题是您需要拥有字体许可证才能使用它。您不能只在服务器上上传 Helvetica，因为其他人拥有该字体。您需要从像https://typekit.com/这样的字体经销商网站购买许可证才能像这样使用它们！

正如其他人所提到的，有一些很棒的网络服务可以让用户使用@font-face字体，比如Google Web Fonts。

尽管如此，这份名单web-safe fonts并没有太大变化。如果您不使用@font-face，您可能应该坚持使用 2003 年的相同字体列表。这是今年的更新列表。

希望这可以帮助！

于 2012-10-10T13:14:34.563 回答
2

浏览器在这里有点无关紧要。字体来自“系统”，即特定用户所在的计算机，而不是浏览器本身。

字体从本地机器加载。

不过，现在有很多字体服务。一个不错的免费字体是 Google 字体： http ://www.google.com/webfonts

试试看！

于 2012-10-10T13:07:15.567 回答
1

没有任何。没有“网络安全字体”。没有一种字体可以期望在所有浏览情况下都可用。这取决于系统（计算机），而不是浏览器。关键是字体是随操作系统和一些应用软件一起提供的，但通常不随浏览器一起提供。

甚至 Arial、Verdana、Times New Roman 和 Georgia 也存在于不同的版本中（因此使用特定的字体系列名称，您可能会得到略有不同的结果），并且它们在某些计算机中是缺失的。一方面，Android 没有这些字体（Android 上可用的字体并未预装在其他系统中，因此仅此一项就证明没有网络安全字体）。

通过 使用的可下载字体，也称为网络字体，@font-face通常被描述为允许您在页面上嵌入任何字体，以便每个人都能看到该字体中的文本。这部分是正确的，但只是部分正确，并且存在许多陷阱和不同的主题。

于 2012-10-10T13:46:22.523 回答
0

我认为你混淆了一些东西。如果您定义字体 - 使用 face 属性 - 浏览器会尝试从客户端文件系统加载此字体。如果他找不到它，他使用配置的默认字体。字体列表也将从客户端文件系统中读取。

于 2012-10-10T13:07:46.440 回答
0

使用大多数现代浏览器，您可以使用 Web 字体在任何操作系统/浏览器上呈现您想要的任何字体。

当然，许多字体是特定于操作系统的，因此将在 OS X 上呈现的字体在 Windows 上不可用。

网络字体解决了这个问题。Google 提供托管网络字体：http ://www.google.com/webfonts

于 2012-10-10T13:07:57.810 回答
0

你可以使用任何你想要的字体。如果该字体在用户的计算机中可用，它将正确显示，否则，浏览器将默认使用某种“标准”字体。如果您想使用某些操作系统（或所有操作系统）不附带的自定义字体，那么您需要使用 CSS3 @font 属性、Google 字体或其他解决方案。

于 2012-10-10T13:08:48.587 回答