关于fontawesome图标的使用

在学习一个React项目的源码。

项目是通过npm安装的fontawesome:

mark

还可以看到,在代码中是这么用的:

mark

效果很明显,图标出来了:

mark

我想改这个图标,就到fontawesome官网找,比如想用这个:

mark

就用官网,这个图标提供的那行代码替换了原本的那行代码:<i class="fa fa-user-o" aria-hidden="true"></i>

但问题是,就是出不来我想要的图标,图标不显示。后来发现,我贴的这行代码<i class="fa fa-user-o" aria-hidden="true"></i>和原本项目的那行代码<i className="fa fa-dashboard fa-fw"></i>光结构上就有区别,多了个aria-hidden属性(后来查了下好像是帮助残障人士的,所以原因应该不在这)

所以问题是:为什么我自己添加的图标不能用?还是我使用fontawesome的方式是错的,不应该去官网直接找?看package.json中安装的fontawesome是有版本号的,难道不同的版本号使用的class也可能出现变化?我应该怎么正确的使用通过npm安装的fontawesome,去哪找那些图标对应的代码?

阅读 4.6k
1 个回答

className className className

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题