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

Question

我想在我正在处理的网站中加入自定义字体。当我去测试时，它在我的Macbook上渲染得很好，但不是我的iPhone。

我一直在我的样式表中声明它们：

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

我有什么问题吗？

Answer 1

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