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

Question

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

我已经宣布他们在我的stylsheet这样的：

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

有什么，我已经做错了吗？

Answer 1

看起来你是从你的手提电脑上没有的本地目录加载字体。建议你从谷歌字体https://www.google.com/fonts#UsePlace:use/Collection:Josefin+Sans来源。这样它应该适用于所有设备。