FontAwesome图标显示为正方形,如何解决?

时间:2018-07-07 08:11:46

标签: html css font-awesome

我正在尝试通过BootstrapCDN使用它们的CDN,但是那没有用,所以我尝试注册并获得了自己的CDN,但是那也不起作用,它们都产生了这些正方形而不是图标。

npm install --save web-animations-js

enter image description here

这是图标的外观

编辑:单击“是否要使用没有CDA的Font Awesome吗?”后,我最终使用了他们的公众网站。并且有效。

此处链接到https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css

的位置

1 个答案:

答案 0 :(得分:1)

使用FontAwesome's CDN,而不要使用Bootstrap。实际上,BootstrapCDN托管的CDN确实存在这个确切的问题。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">