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

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