只有当我从项目文件夹中删除 all.js 时,Font awesome 图标才会变成正方形
Font awesome icons become squares when uploaded to server, only if I remove all.js from project folder
正在从本地存储的文件中加载 Font awesome。
Font awesome 在本地服务器上很好地加载图标(删除了 all.js 文件),但在部署到服务器时不加载。部署到服务器时,动画仍然出现,但图标丢失。老实说,我不完全确定 js 文件在做什么,以及为什么无论文件是否存在,它在我的本地计算机上都没有影响。
我将 css 文件包含在 header 中:
<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>
node_modules 下的那些资产是否真的被推送到您的网络服务器?
在某些环境中,node_modules 会被忽略(比如 .gitignore)。那么你能确认 all.css 实际上是你期望它在网络服务器上的位置吗?我还会在加载页面时检查网络 activity,例如在 Google Chrome DevTools 的网络选项卡中,以查看是否正确加载了 all.css。很可能不是。
至于 all.js 与 all.css:这是两种不同的技术。 Font Awesome 5 可用 "Webfonts with CSS" (all.css) 或 "SVG with JavaScript" (all.js)。因此,您应该根据自己的需要或偏好选择其中之一,但不能同时选择两者。
正在从本地存储的文件中加载 Font awesome。
Font awesome 在本地服务器上很好地加载图标(删除了 all.js 文件),但在部署到服务器时不加载。部署到服务器时,动画仍然出现,但图标丢失。老实说,我不完全确定 js 文件在做什么,以及为什么无论文件是否存在,它在我的本地计算机上都没有影响。
我将 css 文件包含在 header 中:
<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>
node_modules 下的那些资产是否真的被推送到您的网络服务器?
在某些环境中,node_modules 会被忽略(比如 .gitignore)。那么你能确认 all.css 实际上是你期望它在网络服务器上的位置吗?我还会在加载页面时检查网络 activity,例如在 Google Chrome DevTools 的网络选项卡中,以查看是否正确加载了 all.css。很可能不是。
至于 all.js 与 all.css:这是两种不同的技术。 Font Awesome 5 可用 "Webfonts with CSS" (all.css) 或 "SVG with JavaScript" (all.js)。因此,您应该根据自己的需要或偏好选择其中之一,但不能同时选择两者。