极客观点
项目管理
HarmonyOS
我构建的应用程序会显示很多图标，所以我需要所有 Font-Awesome 类名称的列表，例如 ["fa-dropbox","fa-rocket","fa-globe", ....] 等等，有什么办法可以得到它吗？
原文由 Mohamed Salah 发布，翻译遵循 CC BY-SA 4.0 许可协议
我需要 Font-Awesome 的所有类名的列表
新手上路，请多包涵
阅读 730
后代的另一个小剧本。
更新 02/2018（版本 5.x）
最新的工作版本，基于 Blasius Secondus 的编辑（感谢）。
打开字体备忘单并在开发人员控制台中运行以下代码片段： https ://fontawesome.com/cheatsheet
var names = new Set();
var icons = document.getElementsByClassName('icon');
for (const icon of icons) {
const name = icon.getElementsByTagName('dd')[0].innerText;
names.add(name);
}
console.log(JSON.stringify(Array.from(names)));
如果您希望它们按部分排序（纯色/常规/品牌）：
var groups = {};
var sections = document.getElementsByClassName('cheatsheet-set');
for (const section of sections) {
const names = [];
groups[section.id] = names;
var icons = section.getElementsByClassName('icon');
for (const icon of icons) {
const name = icon.getElementsByTagName('dd')[0].innerText;
names.push(name);
}
}
console.log(groups); // Feel free to stringify/manipulate
原答案
只需打开最新的备忘单：http: //fortawesome.github.io/Font-Awesome/cheatsheet/
然后在浏览器中打开开发者控制台并运行：
var names = [];
$('.row .col-md-4').each(function() {
var s = $(this).text();
var m = s.match(/fa-.*/);
if (m && m[0] && s.indexOf('(alias)') < 0) {
names.push(m[0]);
}
});
console.log( JSON.stringify( names ) );
如果您想要列表而不是数组，请将最后一行替换为
console.log( names.join(' ') );
（你可以使用任何你想要的分隔符而不是空格”）
这种方法的优点是 你只会得到视觉图标（不是 fa-spin 和朋友），而不是重复的别名。
原文由 floribon 发布，翻译遵循 CC BY-SA 3.0 许可协议
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}13 回答13k 阅读
Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好7 回答2.2k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？3 回答1.3k 阅读✓ 已解决
如何实现一个深拷贝函数？
在项目开发中，如何实现一个深拷贝函数？3 回答1.4k 阅读✓ 已解决
怎么获取动态弹出对话框的模拟单击？
我在用js实现自动化刷课脚本的时候，要处理一个“继续学习”弹出对话框，才能播放。使用document.queryselctor('.continue')获取不到，好像也没有click事件;6 回答1.4k 阅读✓ 已解决
git提交记录问题？
"git add .“添加了所有文件.这样导致了项目里每一行代码的修改记录都变成了这次的提交备注"update gitignore"。后续其他同事也提交了几次记录。想着回滚回这次修改以前的，再让同事们重新提交自己的修改。但同事们已经pull过代码，可能也区分不出来了。 有什么方法删除掉gitignore的这次提交，并保留同事们后续的提交？2 回答1.4k 阅读✓ 已解决
为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？
结果为空值,想问一下这两个有什么不一样吗,感觉都是先获取到obj.test,而且obj.test是用括号包起来的,然后调用一下,但是两个结果的obj.test调用的结果却是不一眼的,第一个this是obj,第二个是window感觉.3 回答1.4k 阅读✓ 已解决
本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。
宣传栏
2017 年 4 月编辑：更新至 4.7.0
正如你的问题的评论中所链接的，Font Awesome 提供了一个 Cheatsheet 页面，其中列出了所有图标预览、类名和字符代码，甚至还列出了别名（
fa-automobile，例如，它是fa-car的别名---）。4.3.0 版本共有 593 个图标类名（包括别名）。这是您想要的格式的列表（包括别名，但没有“（别名）”注释）：
这是 4.3 版图标类名称的完整列表，包括别名，作为列表：