仅当我从项目文件夹中删除all.js时,字体真棒图标才能上传到服务器时变成正方形

时间:2019-07-01 21:16:40

标签: javascript css font-awesome

正在从本地存储的文件中加载字体真棒。

字体很棒,可以在本地服务器上很好地加载图标(删除了all.js文件),但是在部署到服务器时不加载。部署到服务器后,动画仍会发生,但是图标丢失。老实说,我不能完全确定js文件在做什么,以及为什么该文件不存在对我的本地计算机没有影响。

我在标题中包含了css文件:

<link rel="stylesheet" type="text/css" href="node_modules/@fortawesome/fontawesome-free/css/all.css" />

javascript我正在注释掉:

<script src="node_modules/@fortawesome/fontawesome-free/js/all.js"></script>

1 个答案:

答案 0 :(得分:0)

node_modules下的那些资产是否真的被推送到您的Web服务器上?

在某些环境中,node_modules被忽略(如.gitignore)。因此,您可以确认all.css实际上是您希望其在Web服务器上的位置吗?加载页面时,例如在Google Chrome DevTools的“网络”标签中,我还将检查“网络”活动,以查看all.css是否已正确加载。很有可能不是。

对于all.js与all.css:这是两种不同的技术。 Font Awesome 5可以通过 “带有CSS的Webfonts”(all.css)或“带有JavaScript的SVG”(all.js)的形式获得。因此,您应该根据自己的需要或偏好选择其中之一,但不要同时选择两者。