Question

可能重复：
How to add some non-standard font to a website?

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

Answer 1

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

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

Answer 2

您需要创建字体的网络兼容格式（不同浏览器需要不同格式），然后在样式表中使用@font-face rule来包含它。例如（这是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;
}

然后，浏览器将下载相应的字体文件并使用该文件。

Answer 3

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

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

CSS异常字体

3 个答案: