0

可能重复：
如何向网站添加一些非标准字体？

我创建了一个网站，并在我的 CSS 文件中使用从网络下载的字体，它在 Windows 中运行良好，我可以在我的网站上使用它，但是如果我在 Linux 上运行我的页面，它当然不起作用，因为 Linux 不知道那个字体，所以我的问题是，如果我将我的页面放在某个服务器上，我需要在服务器上“安装”该字体或类似的东西，或者它是如何工作的？

4

3 回答 3

1

您需要创建字体的 Web 兼容格式（不同的浏览器需要不同的格式），然后在样式表中使用@font-face规则来包含它。例如（这是http://fontsquirrel.com生成的输出）：

@font-face {
    font-family: "YourFont";
    src: url("YourFont.eot");
    src: url("YourFont.eot?#iefix") format("embedded-opentype"),
         url("YourFont.woff") format("woff"),
         url("YourFont.ttf") format("truetype"),
         url("YourFont.svg#YourFont") format("svg");
    font-weight: normal;
    font-style: normal;
}

然后浏览器将下载适当的字体文件并使用它。

于 2013-01-25T12:01:16.963 回答
1

字体取决于客户端安装的字体。在服务器上安装字体没有用。

使用 CSS3（并非所有浏览器都支持），您可以使用@font-face CSS 属性来使用自定义字体。自定义字体的另一个解决方案是使用Google Webfonts。否则，只需选择任何网络安全字体。

于 2013-01-25T12:02:46.747 回答
0

如果您使用的字体可能无法被所有系统识别，则必须在 Web 服务器上包含匹配的字体文件。您可以使用 CSS 的@font-face属性注册这些字体。

尝试以多种格式注册字体（如 TrueType 和 OpenType）。提供一些广泛使用的后备字体也是一种很好的做法，例如 Times New Roman 或 Arial。

于 2013-01-25T12:03:56.440 回答