移动浏览器不支持字体

时间:2020-04-30 23:33:28

标签: css

我遵循this指南将@font-face属性用于浏览器支持,我使用的方法是“稍深的浏览器支持”。它在我的机器上正常工作(当然),我托管了该网站,并请我的一个朋友检查该网站,以验证他的浏览器是否支持该字体。但是,当我使用Safari从iPhone中检查网站时,不支持其中一种字体,我想知道为什么。如指南中所述,我将字体样式放在任何样式的顶部。

这是指向托管站点https://gilbert1391.github.io/new-portfolio/

的链接

我要支持的字体是The Bold Font(在英雄部分中正在使用)和Helvetica Neue,而我的iPhone浏览器中不支持的字体是前一种。

iPhone软件版本:13.3.1

1 个答案:

答案 0 :(得分:0)

我解决了这个问题

首先,我在本地计算机上安装了字体,并且我认为@font-face可以正常工作,我从计算机上卸载了字体并从那里开始工作。

第二,我的路径错误,请使用以下路径解决此问题: /src/assets/fonts/TheBoldFont.ttf

但是它仍然没有起作用,我收到了这个警告

Failed to decode downloaded font

我要解决的问题是替换此路径的先前路径: ./assets/fonts/TheBoldFont.ttf