我在我的网站上安装了新版本的 FontAwesome 图标字体。想要使用“Web 字体和 CSS”选项。我按照说明做所有事情:我在文件夹中添加样式css和在文件夹中添加字体webfonts,但图标没有顽固地显示。
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="css/fontawesome-all.min.css" rel="stylesheet">
<title>Hello, world!</title>
</head>
<body>
<i class="fas fa-pencil"></i>
<body>
顺便说一句,它们没有显示在使用 CDN 的此代码段中。
<head>
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
</head>
<body>
<i class="fas fa-pencil"></i>
</body>
如何解决?
您很可能使用的是免费版的 font awesome,而 fa-pencil 图标是专业版的。
在使用图标之前,请检查它们的可用性。FontAwesome 免费版不支持此图标。您可以改用免费的铅笔替代图标。