我遵循this指南将@font-face
属性用于浏览器支持,我使用的方法是“稍深的浏览器支持”。它在我的机器上正常工作(当然),我托管了该网站,并请我的一个朋友检查该网站,以验证他的浏览器是否支持该字体。但是,当我使用Safari从iPhone中检查网站时,不支持其中一种字体,我想知道为什么。如指南中所述,我将字体样式放在任何样式的顶部。
这是指向托管站点https://gilbert1391.github.io/new-portfolio/
的链接我要支持的字体是The Bold Font(在英雄部分中正在使用)和Helvetica Neue,而我的iPhone浏览器中不支持的字体是前一种。
iPhone软件版本:13.3.1
答案 0 :(得分:0)
我解决了这个问题
首先,我在本地计算机上安装了字体,并且我认为@font-face
可以正常工作,我从计算机上卸载了字体并从那里开始工作。
第二,我的路径错误,请使用以下路径解决此问题:
/src/assets/fonts/TheBoldFont.ttf
但是它仍然没有起作用,我收到了这个警告
Failed to decode downloaded font
我要解决的问题是替换此路径的先前路径:
./assets/fonts/TheBoldFont.ttf