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

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 获取它。这样它应该适用于所有设备。