试图将Font Awesome(字体真棒)从5.0.6更新到5.8.1,获得空白方块

时间:2019-03-24 17:27:27

标签: css font-awesome font-awesome-5

在我的网站的某个地方,我有一个文件夹:

  • (...)/ font-awesome / 5.0.6 / css /
  • (...)/ font-awesome / 5.0.6 / webfonts /
  • (...)/ font-awesome / 5.8.1 / css /
  • (...)/ font-awesome / 5.8.1 / webfonts /

如果我包含文件font-awesome/5.0.6/css/fontawesome-all.min.css,Font Awesome可以使用。

如果我包含文件font-awesome/5.8.1/css/fontawesome.min.css,则“真棒字体”将显示空白方块而不是图标。

最有可能不是由于缓存,因为我已经清除了浏览器缓存和.css缓存文件。

我记得过去,在将Font Awesome集成到网站时,我需要手动更改库中的一些相对URL,但是,如果我记得很好,那就是使用Font Awesome 4。

但是我感觉好像缺少了一些安装步骤,因为它已经“很久了”。

3 个答案:

答案 0 :(得分:0)

您是否下载.zip文件而不是单个all.min.css文件? 如果没有,则下载.zip文件,将其解压缩,然后将主CSS文件链接到标题内。

另一方面,您可以使用他们提供的<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

CDN链接

两者都能正常工作。

答案 1 :(得分:0)

考虑到上一个发行说明(https://fontawesome.com/changelog/latest),从5.0到5.8进行了一些重大更改:

  

抬起头!此版本有重大更改

     

在最新版本中,我们修复了在移动项目中使用OTF和TTF字体文件的一些问题。命名,字体粗细和版本已经过修改,以使其更加兼容和稳定。

     

升级我们的桌面文件副本后,您可能需要再次设置文本层的字体。之后,我们还建议您仔细检查图标是否按预期显示在文档中。遇到麻烦了吗?与我们联系,我们将为您提供帮助。

您可能需要点击此处的链接以解决问题:

https://fontawesome.com/how-to-use/on-the-desktop/setup/getting-started#install-ligatures


我还建议您缓慢升级到较低版本,因为实际上您正在使用7版本,因此很难知道真正的问题。因此,开始移至5.1,然后移至5.2,依此类推,直到找到罪魁祸首。

https://github.com/FortAwesome/Font-Awesome/releases

点击此链接以获取有关版本之间升级的更多详细信息:https://github.com/FortAwesome/Font-Awesome/blob/master/UPGRADING.md

答案 2 :(得分:0)

我发现了问题所在,这是我的网站/应用程序特有的。 我使用php库缩小了大多数.css文件,然后使用自制库将它们合并(只有第二个库是自制库)。 然后,因为生成的.css文件不在同一位置,所以断开了Webfonts的链接,这是我忘记的步骤:将所有相对的../webfont链接改为半相对的。 现在一切正常。