如何从 Apple Font Book 嵌入字体

Question

我经常在网站上找到很酷的字体，并将它们下载到我的 Mac 上的 Apple Font Book 中，但我不知道如何将它们嵌入到 HTML 页面中。这很可能是不可能的，但如果有人知道如何做到这一点，我将永远感激！！！

Answer 1

您可以通过复制字体簿中的字体并将它们放在 /static/fonts 等文件夹中，将字体资源包含在您的应用程序中。然后您可以按如下方式包括它们：

@font-face {
  font-family: <font name here>;
  src: url(<path-to-your-font>) format(<appropriate-font-format>);
}

div {
  font-family: <font name here>;
}

注意：不同的浏览器支持不同的字体文件类型。我建议您查看文档 here 以获取更多信息。