字体真棒折线图未正确显示

Question

我想在我的代码中使用 font awesome 折线图图标。我正在使用 font-awesome.css 文件。问题是我得到一个空的 square/rectangle 图标而不是折线图。

JS Fiddle 演示：http://jsfiddle.net/L0uc4y2d/

Answer 1

在您网站的头部添加：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

通常，空方块表示字体未正确加载，希望这能解决您的问题

Answer 2

在更新版本的 font awesome 中 faline-chart 替换为 fa-chart-line。在 awesome 5 字体中使用：

<i class="fas fa-chart-line"></i>

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
</head>
<body>
    Chart Line: <i class="fas fa-chart-line"></i>
</body>
</html>

字体真棒折线图未正确显示

font awesome line chart not showing up correctly

css

font-awesome