18910140161

HTML-如何在MacOS和IOS上使用下载的字体?-堆栈溢出

顺晟科技

2022-10-18 13:29:37

123

我正在尝试在MacOS和IOS的Safari中使用下载的字体。有很多关于防弹CSS等的战争故事,但我还没有找到正确的咒语。这是我最大的努力,我已经尝试了许多不同的报价,外壳等变化。该字体名为Ahrdicons,可在两个操作系统上安装和运行。这就是我所需要的--我不需要网络字体,我只想要一些可以在已经有可用字体的系统上工作的东西。

<代码>@font-face{font-family:Ahrdicons;SRC:本地(Ahrdicons);源:URL(";Ahrdicons.TTF";)格式(";TrueType";);SRC:URL(";file:/Library/Fonts/Ahrdicons.TTF";)格式(";TrueType";);}
如果页面在本地加载(如file:/users/./cup.HTML),

这在MacOS上是可行的,这是因为第3个SRC选项。如果文件由HTTP(如HTTP:/././cup.HTML)提供,则它在MacOS或IOS上不起作用,我希望使用前两个SRC之一来工作。但取而代之的是小方块。


顺晟科技:

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

我通过在服务器上托管TTF,并在font-face声明中使用SRC:URL(HTTP:/././ahrdicons.TTF)子句解决了这个问题。

感谢那些帮助过的人!

如果该字体已经安装在操作系统上,并且您的唯一用户将在所述操作系统上,那么您根本不需要使用@font-face { font-family: AHRDIcons; src: local(AHRDIcons); src: url("AHRDIcons.ttf") format("truetype"); src: url("file:/Library/Fonts/AHRDIcons.ttf") format("truetype"); } 添加它。

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

这里有一个苹果符号的例子:

<代码>P{font-family:";苹果符号";}
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航