html - FontAwesome 图标显示为正方形，如何解决？

Question

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

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<link rel="stylesheet" href="https://use.fontawesome.com/MY-PERSONAL-ONE.css">

这是图标的样子

编辑：在我点击“想要在没有 Font Awesome CDN 的情况下使用 Font Awesome？”后，我最终使用了他们的网站。它奏效了..

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

标签： htmlcssfont-awesome

Answer 1

使用FontAwesome 的 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">