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

Question

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

有可能吗？

Answer 1

您可以使用@ font-face生成器。它允许您上传您的字体，它将创建一个漂亮的.zip下载与CSS以及您的自定义字体为您的网站工作所需的所有相关文件。

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

他们也有许多可在您的网站上使用的许可字体工具包：

http://www.fontsquirrel.com/fontface

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

http://typekit.com/

Answer 2

你做不到。如果字体不在浏览器所在的系统上，则无法找到该字体，也无法加载。

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

Answer 3

简短回答：你不能

答案很长：你可以，但这并不容易，也没有得到广泛的支持。请阅读this article以获取更多信息。

Answer 4

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

Answer 5

以下是A million ways to embed custom fonts (and keep typography nerds off your back)

的链接

他建议sIFR3

Answer 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;
}