0

我有一个外部链接字符没有以伪元素样式显示的问题。其他字符正在显示。

Font-Awesome 5.0.6 免费，CSS/Webfont 版本，通过 CDN 包含： https ://use.fontawesome.com/releases/v5.0.6/css/all.css

这适用于我的正常身体内容：

<i class="fas fa-external-link-alt"></i>

在 CSS 中，这不起作用：

a:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f35d';
}

在伪中使用另一个字符确实有效：

a:after {
 font-family: 'Font Awesome 5 Free';
 content: '\f152';
}

根据文档，外部链接图标是 FA5 Free 集的一部分：https ://fontawesome.com/icons/external-link-alt?style=solid

这是一个错误还是我错过了什么？

编辑 1：JS Fiddle 示例： https ://jsfiddle.net/berjcaLy/4/

编辑2：意外发现将<a>标签包装在<b>或<strong>将使外部链接伪图标起作用。（JSfiddle 也更新了）

4

1 回答 1

9

利用

字体粗细：900

它必须是 900。

于 2018-02-20T07:17:47.623 回答