一些字体很棒的图标没有显示

Question

我使用fontawesome在项目中显示图标

例如，我在某些地方使用了这些标记

<link href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" rel="stylesheet" />

<i class="fas fa-map"></i>
<i class="fas fa-map-marked-alt"></i>

第一个显示，但第二个没有显示。 考虑到两个图标都是免费图标

Answer 1

您正在使用版本5的语法，但链接到版本4 FA的CSS。

fa or fas = Font Awesome Solid
far = Font Awesome Regular
fal = Font Awesome Light
fab = Font Awesome Brands


<i class="fa fa-camera-retro"></i>  <!-- version 4's syntax -->

<i class="fas fa-camera-retro"></i> <!-- version 5's syntax -->
<i class="far fa-camera-retro"></i> <!-- example: regular style of camera-retro -->
<i class="fal fa-camera-retro"></i> <!-- example: light style of camera-retro -->

<link href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" rel="stylesheet"/>

<i class="fas fa-map"></i>
<i class="fas fa-map-marked-alt"></i>