我目前在我的网站上使用自定义字体。字体在桌面上看起来很好，但在移动设备上看起来完全不同。我也使用了所有正确的格式。下面是代码和图片：

此外，当我删除字体系列时，它变成了衬线字体，这意味着字体实际上正在加载，但我不确定为什么它看起来完全不同。

<代码>@font-face{font-family：' Futura '；源：URL（'./futura.EOT '）；源：URL（'./futura.EOT？'）格式（' Embedded-OpenType '），URL（'./Futura.woff2 '）格式（' woff2 '），URL（'./futura.woff '）格式（' woff '），URL（'./futura.TTF '）格式（' TrueType '），URL（'./Futura.SVG '）格式（' SVG '）；字体粗细：正常；font-style：普通；}

顺晟科技：

我有同样的问题，我删除了字体类型，只保留TTF，我使用媒体查询来限制移动设备

<代码>@font-face{font-family：' Futura '；源：URL（'./futura.TTF '）；}@媒体（最小宽度：768px）{@font-face{font-family：' Futura '；源：URL（'./futura.EOT '）；源：URL（'./futura.EOT？'）格式（' Embedded-OpenType '），URL（'./Futura.woff2 '）格式（' woff2 '），URL（'./futura.woff '）格式（' woff '），URL（'./futura.TTF '）格式（' TrueType '），URL（'./Futura.SVG '）格式（' SVG '）；字体粗细：正常；font-style：普通；}}

如果这不起作用。将此行添加到CSS

<代码>@font-face{font-family：' Futura '；源：URL（'./futura.TTF '）；}

解决方案：我只需将字体粗细从正常更改为粗体。