字体真棒线图未正确显示

时间:2015-02-19 16:09:15

标签: css font-awesome

我想在我的代码中使用字体真棒折线图图标。我正在使用font-awesome.css文件。问题是我得到一个空的方形/矩形图标而不是折线图。

JS小提琴演示:http://jsfiddle.net/L0uc4y2d/

2 个答案:

答案 0 :(得分:4)

在您网站的head部分添加:

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

通常,空方块表示字体未正确加载,所以希望这可以解决您的问题

答案 1 :(得分:0)

在新版本的字体 awesome faline-chart 替换为 fa-chart-line。 在字体真棒 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>