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

Posted 2023-03-15

【中文标题】如何为没有自定义字体的用户下载自定义字体？ [复制]

【英文标题】：How to download custom font for users who don't have it? [duplicate]

【发布时间】：2012-12-29 17:23:09

【问题描述】：

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

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

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

【问题讨论】：

Does your client have the appropriate license to embed this font? 仅仅购买了桌面使用的字体并不总是授予分发 TTF（或从 TTF 生成的嵌入字体文件）的权利。您的客户甚至可能不知道在网页中嵌入字体存在许可问题，因此可能值得提出。

【参考方案1】：

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

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

【讨论】：

我尝试了那个生成器，但它一直向我显示加载图标大约 5-10 分钟。这个的正常等待时间是多少？

我认为最多 30 秒。我从来不用等待超过一分钟。也许尝试另一个浏览器/flash 插件组合？

【参考方案2】：

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

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

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

p.custom_font
    font-family: cool_font;