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

Question

我正在尝试在MacOS和iOS的Safari中使用下载的字体。有很多关于防弹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");
}

如果页面是本地加载的(文件:///Users/…/cup.html)，这在MacOS上有效，这是因为第三个src选项。如果文件是通过http(如http://.../.../cup.html)提供的，它在MacOS或iOS上不起作用，我希望使用前2个src之一。但它们只是小方块。

Answer 1

结论:我认为这是不可能的。也许有默认写入允许这样做，或者可能整个指纹检测可以被关闭，但是当我继续在这里和其他网站上阅读这个问题时，我没有发现任何东西引导我沿着这条线。我也不确定我是否会这么做。

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

感谢那些帮助过我的人!

Answer 2

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

双击OSX中的ttf，单击"信息预览模式"图标，检查字体的家族是什么。然后在你的CSS中使用:

下面是一个苹果符号的例子:

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