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

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>

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

Some font awesome icons aren't showing

html

css

font-awesome