如果我的用户没有我用于我的网站的字体，如何让他们自动下载？答案

【问题标题】：How can I make my users automatically download the font I use for my website if they don't have it?如果我的用户没有我用于我的网站的字体，如何让他们自动下载？
【发布时间】：2016-02-23 17:46:18
【问题描述】：

我的网站使用字体ff-clifford-eighteen-web-pro-1。我希望我的所有文本都使用该字体显示，即使对于未在其计算机上安装该字体的用户也是如此。

有可能吗？

【问题讨论】：

标签： html fonts css

【解决方案1】：

您可以使用@font-face 生成器。它允许您上传您的字体，它会创建一个漂亮的 .zip 下载，其中包含 CSS 和您需要的所有相关文件，以使您的自定义字体适用于您的网站。

http://www.fontsquirrel.com/fontface/generator

他们也有大量许可字体工具包可供您的网站使用：

http://www.fontsquirrel.com/fontface

另一个允许您“租用”许可字体的好网站是 TypeKit。

http://typekit.com/

【讨论】：

【解决方案2】：

你不能。如果字体不在浏览器所在的系统上，将找不到字体，无法加载。

您需要将字体分发到客户端系统（如果您有这样做的许可）。

【讨论】：

【解决方案3】：

简短的回答：你不能

长答案：可以，但这并不容易，也没有得到广泛支持。阅读this article了解更多信息。

【讨论】：

【解决方案4】：

我使用Cufon。效果很好，但您还必须验证许可。

【讨论】：

【解决方案5】：

这是A million ways to embed custom fonts (and keep typography nerds off your back)的链接

他推荐sIFR3

【讨论】：

【解决方案6】：

将字体存储在字体文件夹中（例如：fontFolder），您可以使用 @font-face 生成器自动让用户下载字体，以便将出现在您指定的网站上的任何位置。下面，fontFolder 表示字体文件所在的目录（文件夹），fontName 表示字体名称（位于 fontFolder 内）。如果您当前在 fontFolder 中存储了字体的 .eot .tff .woff 和 .svg 变体，您可以将以下代码复制到样式表的顶部并替换 fontFolder 使用您自己的目录名称，并将 fontName 替换为您的字体名称：

@font-face {

  font-family: "fontName";

  src: url('fontFolder/fontName.eot');

  src: url('fontFolder/fontName.eot?#iefix') format('embedded-opentype'), 

  url('fontFolder/fontName.woff') format('woff'), 

  url('fontFolder/fontName.ttf') format('truetype'), 

  url('fontFolder/fontName.svg')format('svg');
}

当您准备好使用您的字体时，只需使用它的名称：

h1 {
    font-family: yourFont;
}

【讨论】：