如何在 MacOS 和 iOS 上使用下载的字体？

Question

我正在尝试在 Safari 的 MacOS 和 iOS 上使用下载的字体。有很多关于防弹 CSS 等的战争故事，但我还没有找到正确的咒语。这是我的最大努力，我尝试了许多不同的引用、大小写等变体。该字体称为 AHRDIcons，它已安装并在两个操作系统上运行。这就是我所需要的——我不需要网络字体，我只想要一些可以在已经有该字体的系统上工作的东西。

@font-face {
    font-family: AHRDIcons;
    src:         local(AHRDIcons);
    src:         url("AHRDIcons.ttf") format("truetype");
    src:         url("file:/Library/Fonts/AHRDIcons.ttf") format("truetype");
}

如果页面在本地加载（如 file:///Users/.../cup.html），这适用于 MacOS，这是因为第三个 src 选项。如果文件由 http（如 http://.../.../cup.html）提供，它在 MacOS 或 iOS 上不起作用，我希望使用前 2 个 src 之一来工作。但取而代之的是小方块。

Answer 1

结论：我认为这是不可能的。也许有允许它的默认写入，或者整个指纹检测可以被关闭，但是当我继续在这里和其他网站上阅读这个问题时，我没有找到任何可以引导我沿着这些方向前进的东西。而且我不确定我是否会这样做。

我通过在服务器上托管 ttf 并在字体声明中使用 src: url("http://.../../AHRDIcons.ttf") 子句解决了这个问题。

感谢帮助的人！

Answer 2

如果该字体已安装在操作系统上，并且您的唯一用户将使用该操作系统，那么您根本不需要使用 font-face 添加它。

在 OSX 中双击ttf，单击“信息预览模式”图标并检查字体系列。然后在你的 CSS 中使用它：

以下是 Apple 符号的示例：

p {
   font-family:"Apple Symbols";
}