在我的网站的某个地方,我有一个文件夹:
如果我包含文件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。
但是我感觉好像缺少了一些安装步骤,因为它已经“很久了”。
答案 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">
两者都能正常工作。
答案 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链接改为半相对的。 现在一切正常。