自定义字体适用于桌面浏览器，不适用于移动设备

Question

我想在我正在处理的网站中包含自定义字体。当我去测试它时，它在我的Macbook上呈现得很好，但在我的iPhone上却没有。

我一直在我的样式表中声明它们，如下所示：

@font-face {
font-family: JosenfinSans;
src: url("./fonts/JosenfinSans-Bold.ttf") format("truetype");
font-weight: bold; }

我做错了什么吗？

Answer 1

看起来您是否正在从笔记本电脑上的本地目录中加载字体，而该目录在您的手机上不存在。建议您从Google Fonts https://www.google.com/fonts#UsePlace:use/Collection:Josefin+Sans 获取它。这样它应该适用于所有设备。