Font Awesome 5 Free CSS/Webfonts 伪字符未显示
Font Awesome 5 Free CSS/Webfonts pseudo character not showing
我有一个问题,外部 link 字符没有以伪元素样式显示。正在显示其他字符。
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';
}
根据文档,外部 link 图标是 FA5 免费集的一部分:https://fontawesome.com/icons/external-link-alt?style=solid
这是一个错误还是我遗漏了什么?
编辑 1:
JS Fiddle 示例:
https://jsfiddle.net/berjcaLy/4/
编辑 2:
无意间发现在<b>
或<strong>
中包裹<a>
标签会使外部link伪图标起作用。 (JSfiddle 也更新了)
使用
font-weight:900
而且必须是 900。
我有一个问题,外部 link 字符没有以伪元素样式显示。正在显示其他字符。
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';
}
根据文档,外部 link 图标是 FA5 免费集的一部分:https://fontawesome.com/icons/external-link-alt?style=solid
这是一个错误还是我遗漏了什么?
编辑 1: JS Fiddle 示例: https://jsfiddle.net/berjcaLy/4/
编辑 2:
无意间发现在<b>
或<strong>
中包裹<a>
标签会使外部link伪图标起作用。 (JSfiddle 也更新了)
使用
font-weight:900
而且必须是 900。