Font Awesome 5免费CSS / Webfonts伪字符未显示

时间:2018-02-20 01:13:25

标签: pseudo-element font-awesome-5

我遇到的问题是外部链接字符没有以伪元素样式显示。其他角色正在显示。

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免费套装的一部分:https://fontawesome.com/icons/external-link-alt?style=solid

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

编辑1 : JS小提琴示例: https://jsfiddle.net/berjcaLy/4/

编辑2 : 无意中发现,在<a><b>中包装<strong>标记会使外部链接伪图标生效。 (JSfiddle也更新了)

1 个答案:

答案 0 :(得分:7)

使用

  

字体重量:900

它必须是900。