我最近托管了一个 Netlify 网站。在我的机器上(PyCharm 本地主机上的 2021 M1 Mac),其中一个页面包含这样的网格:
但是,当我将其托管在 netlify 上时,图标似乎失去了尺寸,就好像我正在使用的链接不起作用一样。
链接:
<script src="https://kit.fontawesome.com/c4254e24a8.js" crossorigin="anonymous"></script>
网页链接:https://makerscience.netlify.app/services
托管图片:
我尝试查看不同的套件链接是否有效,但情况似乎并非如此。
有谁知道为什么会这样?预先感谢!
检查以确保您的 netlify 域已添加到有权使用您的 fontawesome 脚本的允许域中。
我复制了您的脚本标签并在本地进行了尝试,看看它是否将域设置为“开放”,并且没有为我加载任何内容(这是一件好事,因为我们不希望每个人都能够使用您的套件)。所以我的猜测是您设置了有限的域来访问样式。我会保持这样,然后将 netlify 域添加到 fontawesome 套件设置中的权限中。