移动浏览器不支持字体



我遵循本指南使用@font-face属性来支持浏览器,我使用的方法是"稍深的浏览器支持";。它在我的机器上运行(当然(,我主持了这个网站,并让我的一个朋友检查这个网站,以验证他的浏览器是否支持这种字体,事实确实如此。然而,当我使用Safari从iPhone上检查这个网站时,其中一种字体不受支持,我想知道为什么会这样。正如指南中提到的,我把字体放在了顶部,而不是任何样式。

这是托管网站的链接https://gilbert1391.github.io/new-portfolio/

我想支持的字体是粗体字体(英雄部分正在使用(和Helvetica Neue,而我的iphone浏览器不支持的是前一种。

iPhone软件版本:13.3.1

我解决了问题

首先,我在本地机器上安装了字体,我认为@font-face工作正常,我从电脑上卸载了字体,然后从那里开始工作。

其次,我有路径错误,通过使用以下路径修复了这个问题:/src/assets/fonts/TheBoldFont.ttf

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

Failed to decode downloaded font

我修复它的方法是将以前的路径替换为这个路径:./assets/fonts/TheBoldFont.ttf

最新更新