【发布时间】:2018-02-20 01:13:24
【问题描述】:
我有一个外部链接字符没有以伪元素样式显示的问题。正在显示其他字符。
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 小提琴示例: https://jsfiddle.net/berjcaLy/4/
编辑 2:
偶然发现将<a>标签包裹在<b>或<strong>中会使外部链接伪图标起作用。 (JSfiddle 也更新了)
【问题讨论】:
标签: css pseudo-element font-awesome-5