首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >社交媒体字体--令人敬畏的图标--无法在react中工作

社交媒体字体--令人敬畏的图标--无法在react中工作
EN

Stack Overflow用户
提问于 2021-01-04 00:04:48
回答 1查看 1.5K关注 0票数 0

误差

试图导入错误:'faTwitter‘不是从’@fortawesome/free-固体-svg-图标‘导出的。

我在使用令人敬畏的字体图标,几乎没有几个图标是这样工作的:- faPhoneAlt,faHeart,faBars,faChevronDown

但社交媒体的图标不起作用。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import React, {Component} from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {faMapMarkerAlt, faPhoneAlt, faShoppingBag, faHeart, faBars, faChevronDown, faTwitter} from '@fortawesome/free-solid-svg-icons';


<FontAwesomeIcon icon={faTwitter} /></Link>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-01-04 00:10:31

为此,您需要安装free-brands-svg-icons

https://www.npmjs.com/package/@fortawesome/free-brands-svg-icons

在文档中清楚地提到,对于brands,又名social media,您必须使用另一个包。

https://fontawesome.com/how-to-use/on-the-web/using-with/react

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

https://stackoverflow.com/questions/65559413

复制
相关文章
React中,在styled-components基础上使用iconfont字体图标
提取下载的字体文件到项目的src>assets>fonts文件夹中(当然可以根据你的项目决定其他的路径)
xing.org1^
2020/03/09
3.7K0
React中,在styled-components基础上使用iconfont字体图标
字体图标
图片是有诸多优点的,但是缺点很明显,比如图片不但增加了总文件的大小,还增加了很多额外的"http请求",这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”,因为图片放大和缩小会失真。 我们后面会学习移动端响应式,很多情况下希望我们的图标是可以缩放的。此时,一个非常重要的技术出现了, 这就是字体图标(iconfont).
星辰_大海
2020/09/30
3.8K0
深度工作准则3——远离社交媒体
介绍 选择网络工具的“任何益处法”:一旦发现使用一款网络工具有任何可能的益处,或者是不使用就可能错过某些事,你就觉得有足够理由使用这款网络工具 工具选择的手艺人方法:明确在你的职业和个人生活中决定成功与幸福的核心因素。只有一种工具对这些因素的实际益处大于实际害处时才选择这种工具 在你的网络使用习惯中采用关键少数法则 策略就是降低选择对个人真正重要工具的复杂程度 该策略的第一步就是明确个人职业和私人生活中主要的高层次目标。举个例子,我是一名教授,追求着两个重要的目标,一个是致力于成为课堂上有成效的老师和对我的
yeedomliu
2019/09/29
7390
分布式爬虫在社交数据媒体分析中的应用
作为一个爬虫工作者,你是否曾经遇到过需要从社交媒体上获取大量数据进行分析的问题?你是否觉得传统的爬虫技术无法满足你的需求?那么,分布式爬虫就是你的救星!
小白学大数据
2023/08/09
3080
bootstrap 字体图标
图标列表:https://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm
用户5760343
2022/01/10
1.3K0
bootstrap 字体图标
字体图标iconfont
前端开发离不开图标,会有一部分直接使用图片引进,但是在性能上来说对用户体验不是很好。
wade
2020/04/24
2.4K0
字体图标iconfont
Unity 图标字体
这是一个关于在 unity 中从网络开发获取大量文件非常小的图标的简短提示。你所要做的就是打包所有你想在一种字体里使用的所有图标,那样你就可以这个图标作为文本保存到你的场景或是用户界面里了。有许多服务可以构建图标字体,但是我喜欢 IcoMoon 提供的免费和付费的图标集以及易于使用的 app。
hrscy
2018/08/30
2.2K0
Unity 图标字体
Layui 字体图标
字体图标显示,引入css就足够了,无需引入 layui.js,使用到模块时才必须引入js文件
很酷的站长
2023/02/18
1.5K0
Layui 字体图标
SignalR 在IE中无法工作 - Internet Explorer
运行基于SignalR的超线程上载器的代码,发现SignalR 在IE 9上居然没法工作了,提示如下: 提示很明显,需要json2.js的支持。 使用Nuget 搜索json2.js 并安装: 在引用
张善友
2018/01/29
3.3K0
SignalR 在IE中无法工作 - Internet Explorer
字体图标iconfont的使用
fontClass 支持字体的样式定义,但不支持多色字体,兼容性良好,当要替换图标时,只需要修改 class 里面的 Unicode 引用。只需要 html 和 csss。
leader755
2022/03/09
4.2K0
字体图标iconfont的使用
SVG 图标在React项目中的优化
官方文档:https://webpack.docschina.org/loaders/url-loader/
javascript.shop
2019/09/04
3.7K0
SVG 图标在React项目中的优化
图标字体应用实践
使用的时候,通过background-position调整显示的位置,如下图所示:
慕白
2018/08/03
2.3K0
图标字体应用实践
Layui 扩展字体图标
layui 目前(2020-06-28)提供了168个图标,但是很多时候这些图标中没有自己想要的,今天在项目中想找一个二维码的图标,但是在layui提供的图标中并没有,此时我们可以扩展图标(阿里巴巴矢量图标库 www.iconfont.cn)layui提供的图标也是取材于此 1. 进入阿里巴巴矢量图标库官网,登陆账号 2. 下载图标 3. 三种使用方式 4. Font-class 使用示例 1. 进入阿里巴巴矢量图标库官网,登陆账号 ---- 阿里巴巴矢量图标库官网 https://www.iconf
很酷的站长
2023/02/18
7160
Layui 扩展字体图标
美国正考虑禁止中国社交媒体APP,据称TikTok在名单中
蓬佩奥在接受福克斯新闻采访时称:「我不想在总统(特朗普)之前宣布这件事,但这确实是我们在考虑的事。」
新智元
2020/07/09
6590
美国正考虑禁止中国社交媒体APP,据称TikTok在名单中
在小程序框架 wepy 中使用 iconfont 图标字体
mpvue 跟 wepy 真的很难抉择,我目前没有兼容多平台的需求,所以直觉告诉我还是用 wepy 吧~
solocoder
2022/04/06
1.2K0
在小程序框架 wepy 中使用 iconfont 图标字体
Bootstrap在css规则下,如何获取Glyphicons字体图标
我们已经在 环境安装 章节下载了 Bootstrap 3.x 版本,并理解了它的目录结构。在 fonts 文件夹内可以找到字体图标,它包含了下列这些文件:
好派笔记
2021/09/18
1.8K0
前端基础-CSS网站图标和字体图标
作用:一个好的ico图标可以加深用户对于网站的记忆。降低用户记忆成本,就好像现在说道熊爪大家都能够想到度娘,更多的属于用户体验。有利于识别当前窗口是在哪个网站。
cwl_java
2020/04/07
5.8K0
前端基础-CSS网站图标和字体图标
web开发中插入FontAwesome 图标字体库
Font Awesome是一套绝佳的图标字体库和CSS框架,它是可缩放的矢量图标,用户可以可以对图标的特性进行更改,比如大小、颜色、阴影等并且可以组合不同的图标创造自己喜欢的图标。Font Awesome的产生,为网页设计和Web前端开发人员带来极大的方便
AlexTao
2019/07/22
1.8K0
web开发中插入FontAwesome 图标字体库
iconfont字体图标库
HTML5学堂小编的话:昨日发布的iconfont的内容有些不足,对于可能不太了解iconfont和特殊字体的学习者来说,可能会存在一定的理解问题,在此针对昨日内容进行补充,详细讲解。 字体相关知识 了解iconfont(字体图标)前我们先了解下字体,因为iconfont的实现与字体息息相关,所以掌握字体相关知识便于理解iconfont。接下来看一个简单的例子 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5Course
HTML5学堂
2018/03/13
5.5K0
iconfont字体图标库
CSS 字体图标引用
在自己的项目中,我们或多或少的需要插入一些icon,缺少 UI 设计天赋的我只能去搜寻现有的icon了,大家可以去开源图标库中去搜寻自己想要的icon,将所选的icon加入到购物车当中,点击下载代码即可
Nian糕
2018/08/21
3.5K0
CSS 字体图标引用

相似问题

使用CSS将字体-令人敬畏的图标添加到社交媒体链接

22

带有字体的社交媒体图标SlideIn

23

用图片替换社交媒体图标中的字体

30

字体很棒的社交媒体图标堆栈边框

31

无法在React Native中使用字体令人敬畏的图标

116
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文