时间戳

首页 > 解决方案 > 一些字体很棒的图标没有显示

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

问题描述

我使用 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>

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

标签： htmlcssfont-awesome

解决方案

您正在使用版本 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>

推荐阅读