首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >字体5免费CSS/Webfonts伪字符未显示

字体5免费CSS/Webfonts伪字符未显示
EN

Stack Overflow用户
提问于 2018-02-20 01:13:24
回答 1查看 2.9K关注 0票数 0

由于外部链接字符没有以伪元素样式显示,我有问题。其他人物也在表演。

字体-Awes5.0.6免费,CSS/ free字体版本,包括CDN:https://use.fontawesome.com/releases/v5.0.6/css/all.css

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

代码语言:javascript
复制
<i class="fas fa-external-link-alt"></i>

在CSS中,这是行不通的:

代码语言:javascript
复制
a:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f35d';
}

在伪字符中使用另一个字符是可行的:

代码语言:javascript
复制
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也更新了)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-20 07:17:47

使用

字体重量:900

一定是900。

票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48876518

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档