小编kiw*_*ana的帖子

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

我有一个问题,外部链接字符没有显示在伪元素样式.其他角色正在显示.

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>
Run Code Online (Sandbox Code Playgroud)

在CSS中,这不起作用:

a:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f35d';
}
Run Code Online (Sandbox Code Playgroud)

在伪中使用另一个字符可以工作:

a:after {
 font-family: 'Font Awesome 5 Free';
 content: '\f152';
}
Run Code Online (Sandbox Code Playgroud)

根据文档,外部链接图标是FA5免费套装的一部分:https://fontawesome.com/icons/external-link-alt?style = solid

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

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

编辑2:意外地发现包装<a>标签<b><strong>将使外部链接伪图标工​​作.(JSfiddle也更新了)

pseudo-element font-awesome-5

0
推荐指数
1
解决办法
2435
查看次数

标签 统计

font-awesome-5 ×1

pseudo-element ×1