如何查找FontAwesome图标的Unicode值用于CSS content属性？

下面是几个实用的、不用写JS就能拿到图标的Unicode值的方法：

• 查看本地FontAwesome CSS文件
  如果你已经下载了FontAwesome的资源包，直接打开核心CSS文件（比如fontawesome.css或者all.css），搜索你要的图标类名（比如.fa-chevron-down），就能看到对应的content属性值，比如content: "\f078";，直接把这个值抄到你的CSS代码里就行。

• 用系统字符工具查看
  先把FontAwesome字体安装到系统里，然后打开系统自带的字符工具：

  • Windows：打开「字符映射表」，在字体下拉框选「FontAwesome」，找到目标图标后，查看它的十六进制编码（比如F150），然后在CSS里写成"\f150"（注意转成小写，加反斜杠前缀）。
  • Mac：打开「字符查看器」，搜索字体「FontAwesome」，选中图标后，在信息面板里找到「十六进制」值，同样转成\fxxx的格式用在CSS里。

• 浏览器开发者工具直接获取
  找一个已经用了目标图标的网页，打开浏览器开发者工具（F12），定位到图标元素，在「样式」面板里找到图标类对应的content属性，直接复制那个带反斜杠的代码（比如"\f150"），粘贴到你的代码里就行。

注意事项 #

• 要确保你的CSS里font-family设置和FontAwesome版本匹配，比如FontAwesome 6的免费图标一般用font-family: "Font Awesome 6 Free";，还要加上font-weight: 900;（针对solid样式的图标），不然图标可能显示不出来。
• 如果是Pro版图标，要确保你有对应的字体文件和权限。

内容的提问来源于stack exchange，提问作者TheHollyRoller