如何为没有自定义字体的用户下载自定义字体？ [复制]

Question

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

一位客户向我发送了一个 .ttf 文件，其中包含应将其用作我正在开发的他的网站上的字体的说明，对于那些没有此字体的人，应为他们下载该字体。

是否可以（下载字体）？如果是这样，下载字体的 css/javascript/其他代码是什么？

Answer 1

您可以使用 CSS @font-face rule 嵌入字体。

最简单的方法可能是使用Font Squirrel generator，您可以在其中上传您的 .ttf 并将字体转换为各种浏览器的格式以及现成的 CSS sn-p 和示例 HTML 文档。

Answer 2

首先定义字体并为其命名。

@font-face {
    font-family: cool_font;
    src: url('cool_font.ttf');
}

然后你可以使用它定义的名称。

p.custom_font{
    font-family: cool_font;
}