我的 css 中的 font-family 属性有问题。我有一个标题，我想使用特定字体设置样式。我正在使用 @fontface 。在我的桌面上它工作正常，但在 iPhone 和 iPad 上我得到了一些标准字体(我认为可能是时间，但我不确定)。我做了一些研究并尝试了不同的格式 otf ttf 等......但仍然没有工作。最后，受够了，我尝试将 css 上的字体更改为其他系统字体，但手机仍然无法识别它们。基本上它被困在一种字体上。以下是桌面上的几个字体示例:
前三个图像是我在桌面版本上应用的不同字体系列。有一个系统字体、一个谷歌字体和一个使用 @fontface 的自定义字体。所有的工作。
第四张图片显示了每种字体的 iPhone 和 iPad。总是同一个。到底发生了什么？任何建议表示赞赏。
我的自定义字体代码是:
@font-face {font-family: QuaestorSans;
src: url("fonts/QuaestorSans-Rg.otf") format("opentype"),
url("fonts/QuaestorSans.ttf") format("opentype");
}
.title{
font-family: QuaestorSans;
font-size: 2em;
letter-spacing: 1.4px;
}
html
爱丽丝酱油
地球上的天空
有一个小动画可以淡入字母，但我不认为这会干扰字体系列(并且仅在移动设备上？)。
如果您想查看该网站，请访问 alicesoyer.com
字体系列只有一个规则，但是如果您在台式机和移动设备上测试该网站(我目前正在 iPhone 和 iPad 上进行测试)，您将看到不同的系列。谢谢
最佳答案
最有可能的原因是没有为移动设备设置正确的字体格式，请尝试使用 https://www.fontsquirrel.com/tools/webfont-generator 之类的服务为您正在使用的字体生成正确的代码
关于html - font-family 未在移动设备上应用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40843728/