css - 如何为没有自定义字体的用户下载自定义字体？

Question

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

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

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

Answer 1

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

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

Answer 2

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

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

然后您可以将其与定义的名称一起使用。

p.custom_font{
    font-family: cool_font;
}