当前位置： 首页 > news >正文

QT控件 使用Font Awesome开源图标库修改QWidget和QML两种界面框架的控件图标

news 2025/7/1 7:18:50

又一个月快要结束了，在这里总结下分别在QWidget和QML两种界面设计模式中应用Font Awesome开源图标库，修改界面的显示图标效果，
AriaNg是aria2的可视化web界面工具,其中的图标大都是Font AWesome中的字体图标，某位曾经尝试将AriaNg的界面在QT中实现，但是由于缺少自律坚持所以搁置了，这里以AriaNg的Web界面示例在QT中实现来展示相关效果：

目录导读

    • Font Awesome字体图标
    • 在QWidget界面框架中使用
    • 在QML界面框架中使用
    • Font Awesome字体图标 对应Unicode码

Font Awesome字体图标

‌ 摘抄： Font Awesome ‌ 是一个广泛使用的开源图标库，提供了大量的矢量图标资源，支持多种文件格式如SVG和JavaScript，方便开发者在网页中嵌入和管理图标。Font Awesome图标是矢量图形，可以无限放大而不失真
Font Awesome适用于各种Web开发项目，包括但不限于网站、Web应用程序和电子邮件模板。开发者可以在按钮、导航菜单、信息图表甚至整个Web应用程序中使用图标来增强用户的视觉体验‌

Font Awesome 官网：https://fontawesome.dashgame.com/
Font Awesome字体图标那是相当有用，特别是在缺乏前端设计，和需要快速开发的时候，能保证界面美观。应用相当广泛，这里需要再QT开发环境中使用。
在这里插入图片描述

直接通过首页就可以下载，这里主要使用的是4.7.0版本的字体图标文件
在这里插入图片描述

在QWidget界面框架中使用

在QT的QWidget传统界面中使用字体图标:

  • 加载字体:

通过QFontDatabase类加载字体文件,建议在mian函数中开始就加载

#include <QFontDatabase>
int main(int argc, char *argv[])
{QApplication a(argc, argv);QApplication::setStyle("Fusion");QFontDatabase::addApplicationFont(":/fonts/fontawesome-webfont.ttf");MainWindow w;w.show();return a.exec();
}
  • 设置字体:

设置某个控件字体为当前fontawesome字体，这样才能解析字体图标。

QFont FAFont;
FAFont.setFamily("FontAwesome");
ui->pBut_Aria2Style->setFont(FAFont);
ui->pBut_Aria2Style->setText(QChar(0xf233)+QString(tr("Aria2 状态")));
// 宏定义封装
// ui->pBut_DownStyle->setFont(FAFont);
//ui->pBut_DownStyle->setText(TOFAFont(FontAwesomeIcons::fa_arrow_circle_o_down,"正在下载"));
// ui->pBut_WaitStyle->setFont(FAFont);
//ui->pBut_WaitStyle->setText(TOFAFont(FontAwesomeIcons::fa_clock_o,"正在等待"));
// ui->pBut_StopStyle->setFont(FAFont);
//ui->pBut_StopStyle->setText(TOFAFont(FontAwesomeIcons::fa_check_circle_o,"已完成 / 已停止"));
// ui->pBut_AriaNg->setFont(FAFont);
//ui->pBut_AriaNg->setText(TOFAFont(FontAwesomeIcons::fa_cog,"AriaNg 设置"));
// ui->pBut_Aria2Setting->setFont(FAFont);
//ui->pBut_Aria2Setting->setText(TOFAFont(FontAwesomeIcons::fa_cogs,"Aria2 设置"));

其中 0xf233对应fa_server标签的图标。
通过设置QSS全局字体，让整个界面都应用这个字体文件，避免给控件一个个改字体的繁琐操作。

styleSheet("
QWidget
{font: 10px "FontAwesome";
}
");

效果展示：
在这里插入图片描述
需要注意的是，图标大小与字体的大小相关。
这里可以封装下字体图标枚举并且申明单例类供其他控件调用，
具体内容可以参考：Qt使用FontAwesome

在QML界面框架中使用

在QT的QML界面中使用字体图标:

  • 加载字体文件:

QML在Window主窗体使用FontLoader加载字体，

//! 加载字体文件
FontLoader {id: iconFontssource: "qrc:/fonts/fontawesome-webfont.ttf"onStatusChanged: {if (status == FontLoader.Ready) {console.log("字体加载成功，家族名:", name)}}
}
  • 使用Text加载

使用Text控件加载字体图标并进行旋转平移

//! 文字图标
Text {//SysSysleFonts.fa_caret_right 0xf0datext: String.fromCharCode(SysSysleFonts.fa_caret_right)font.family: iconFonts.namefont.pixelSize: 10anchors.centerIn: parentcolor: parent.hovered ?"#c4d2db":"#ffffff"      // 文字颜色//位置平移transform: [Rotation{angle: 45  // 逆时针旋转15度},Translate {x: 55  // X轴平移量y: 10  // Y轴平移量}]
}

在QML控件中使用字体图标可以直接添加旋转平移动画等等特效，如下图示:
在这里插入图片描述

Font Awesome字体图标 对应Unicode码

在官网中看到的都是图标的类名（fa-xx），而想要在QT中找到对应类名的图标，必须找到类名对应的Unicode码，
这里推荐通过 Font Awesome 图标库所有版本UNICODE对照表大全找到对应字体版本的类名对应Unicode码.

  • 在QWidget中使用时：

可以将类名和Unicode码设置为枚举调用:

    enum IconIdentity{fa_glass = 0xf000,fa_music = 0xf001,fa_search = 0xf002,fa_envelope_o = 0xf003,fa_heart = 0xf004,fa_star = 0xf005,fa_star_o = 0xf006,fa_user = 0xf007,fa_film = 0xf008,fa_th_large = 0xf009,fa_th = 0xf00a,fa_th_list = 0xf00b,fa_check = 0xf00c,fa_remove = 0xf00d,fa_close = fa_remove,fa_times = fa_remove,fa_search_plus = 0xf00e,fa_search_minus = 0xf010,fa_power_off = 0xf011,fa_signal = 0xf012,fa_gear = 0xf013,fa_cog = fa_gear,fa_trash_o = 0xf014,fa_home = 0xf015,fa_file_o = 0xf016,fa_clock_o = 0xf017,fa_road = 0xf018,fa_download = 0xf019,fa_arrow_circle_o_down = 0xf01a,fa_arrow_circle_o_up = 0xf01b,fa_inbox = 0xf01c,fa_play_circle_o = 0xf01d,fa_rotate_right = 0xf01e,fa_repeat = fa_rotate_right,fa_refresh = 0xf021,fa_list_alt = 0xf022,fa_lock = 0xf023,fa_flag = 0xf024,fa_headphones = 0xf025,fa_volume_off = 0xf026,fa_volume_down = 0xf027,fa_volume_up = 0xf028,fa_qrcode = 0xf029,fa_barcode = 0xf02a,fa_tag = 0xf02b,fa_tags = 0xf02c,fa_book = 0xf02d,fa_bookmark = 0xf02e,fa_print = 0xf02f,fa_camera = 0xf030,fa_font = 0xf031,fa_bold = 0xf032,fa_italic = 0xf033,fa_text_height = 0xf034,fa_text_width = 0xf035,fa_align_left = 0xf036,fa_align_center = 0xf037,fa_align_right = 0xf038,fa_align_justify = 0xf039,fa_list = 0xf03a,fa_dedent = 0xf03b,fa_outdent = fa_dedent,fa_indent = 0xf03c,fa_video_camera = 0xf03d,fa_photo = 0xf03e,fa_image = fa_photo,fa_picture_o = fa_photo,fa_pencil = 0xf040,fa_map_marker = 0xf041,fa_adjust = 0xf042,fa_tint = 0xf043,fa_edit = 0xf044,fa_pencil_square_o = fa_edit,fa_share_square_o = 0xf045,fa_check_square_o = 0xf046,fa_arrows = 0xf047,fa_step_backward = 0xf048,fa_fast_backward = 0xf049,fa_backward = 0xf04a,fa_play = 0xf04b,fa_pause = 0xf04c,fa_stop = 0xf04d,fa_forward = 0xf04e,fa_fast_forward = 0xf050,fa_step_forward = 0xf051,fa_eject = 0xf052,fa_chevron_left = 0xf053,fa_chevron_right = 0xf054,fa_plus_circle = 0xf055,fa_minus_circle = 0xf056,fa_times_circle = 0xf057,fa_check_circle = 0xf058,fa_question_circle = 0xf059,fa_info_circle = 0xf05a,fa_crosshairs = 0xf05b,fa_times_circle_o = 0xf05c,fa_check_circle_o = 0xf05d,fa_ban = 0xf05e,fa_arrow_left = 0xf060,fa_arrow_right = 0xf061,fa_arrow_up = 0xf062,fa_arrow_down = 0xf063,fa_mail_forward = 0xf064,fa_share = fa_mail_forward,fa_expand = 0xf065,fa_compress = 0xf066,fa_plus = 0xf067,fa_minus = 0xf068,fa_asterisk = 0xf069,fa_exclamation_circle = 0xf06a,fa_gift = 0xf06b,fa_leaf = 0xf06c,fa_fire = 0xf06d,fa_eye = 0xf06e,fa_eye_slash = 0xf070,fa_warning = 0xf071,fa_exclamation_triangle = fa_warning,fa_plane = 0xf072,fa_calendar = 0xf073,fa_random = 0xf074,fa_comment = 0xf075,fa_magnet = 0xf076,fa_chevron_up = 0xf077,fa_chevron_down = 0xf078,fa_retweet = 0xf079,fa_shopping_cart = 0xf07a,fa_folder = 0xf07b,fa_folder_open = 0xf07c,fa_arrows_v = 0xf07d,fa_arrows_h = 0xf07e,fa_bar_chart_o = 0xf080,fa_bar_chart = fa_bar_chart_o,fa_twitter_square = 0xf081,fa_facebook_square = 0xf082,fa_camera_retro = 0xf083,fa_key = 0xf084,fa_gears = 0xf085,fa_cogs = fa_gears,fa_comments = 0xf086,fa_thumbs_o_up = 0xf087,fa_thumbs_o_down = 0xf088,fa_star_half = 0xf089,fa_heart_o = 0xf08a,fa_sign_out = 0xf08b,fa_linkedin_square = 0xf08c,fa_thumb_tack = 0xf08d,fa_external_link = 0xf08e,fa_sign_in = 0xf090,fa_trophy = 0xf091,fa_github_square = 0xf092,fa_upload = 0xf093,fa_lemon_o = 0xf094,fa_phone = 0xf095,fa_square_o = 0xf096,fa_bookmark_o = 0xf097,fa_phone_square = 0xf098,fa_twitter = 0xf099,fa_facebook_f = 0xf09a,fa_facebook = fa_facebook_f,fa_github = 0xf09b,fa_unlock = 0xf09c,fa_credit_card = 0xf09d,fa_feed = 0xf09e,fa_rss = fa_feed,fa_hdd_o = 0xf0a0,fa_bullhorn = 0xf0a1,fa_bell = 0xf0f3,fa_certificate = 0xf0a3,fa_hand_o_right = 0xf0a4,fa_hand_o_left = 0xf0a5,fa_hand_o_up = 0xf0a6,fa_hand_o_down = 0xf0a7,fa_arrow_circle_left = 0xf0a8,fa_arrow_circle_right = 0xf0a9,fa_arrow_circle_up = 0xf0aa,fa_arrow_circle_down = 0xf0ab,fa_globe = 0xf0ac,fa_wrench = 0xf0ad,fa_tasks = 0xf0ae,fa_filter = 0xf0b0,fa_briefcase = 0xf0b1,fa_arrows_alt = 0xf0b2,fa_group = 0xf0c0,fa_users = fa_group,fa_chain = 0xf0c1,fa_link = fa_chain,fa_cloud = 0xf0c2,fa_flask = 0xf0c3,fa_cut = 0xf0c4,fa_scissors = fa_cut,fa_copy = 0xf0c5,fa_files_o = fa_copy,fa_paperclip = 0xf0c6,fa_save = 0xf0c7,fa_floppy_o = fa_save,fa_square = 0xf0c8,fa_navicon = 0xf0c9,fa_reorder = fa_navicon,fa_bars = fa_navicon,fa_list_ul = 0xf0ca,fa_list_ol = 0xf0cb,fa_strikethrough = 0xf0cc,fa_underline = 0xf0cd,fa_table = 0xf0ce,fa_magic = 0xf0d0,fa_truck = 0xf0d1,fa_pinterest = 0xf0d2,fa_pinterest_square = 0xf0d3,fa_google_plus_square = 0xf0d4,fa_google_plus = 0xf0d5,fa_money = 0xf0d6,fa_caret_down = 0xf0d7,fa_caret_up = 0xf0d8,fa_caret_left = 0xf0d9,fa_caret_right = 0xf0da,fa_columns = 0xf0db,fa_unsorted = 0xf0dc,fa_sort = fa_unsorted,fa_sort_down = 0xf0dd,fa_sort_desc = fa_sort_down,fa_sort_up = 0xf0de,fa_sort_asc = fa_sort_up,fa_envelope = 0xf0e0,fa_linkedin = 0xf0e1,fa_rotate_left = 0xf0e2,fa_undo = fa_rotate_left,fa_legal = 0xf0e3,fa_gavel = fa_legal,fa_dashboard = 0xf0e4,fa_tachometer = fa_dashboard,fa_comment_o = 0xf0e5,fa_comments_o = 0xf0e6,fa_flash = 0xf0e7,fa_bolt = fa_flash,fa_sitemap = 0xf0e8,fa_umbrella = 0xf0e9,fa_paste = 0xf0ea,fa_clipboard = fa_paste,fa_lightbulb_o = 0xf0eb,fa_exchange = 0xf0ec,fa_cloud_download = 0xf0ed,fa_cloud_upload = 0xf0ee,fa_user_md = 0xf0f0,fa_stethoscope = 0xf0f1,fa_suitcase = 0xf0f2,fa_bell_o = 0xf0a2,fa_coffee = 0xf0f4,fa_cutlery = 0xf0f5,fa_file_text_o = 0xf0f6,fa_building_o = 0xf0f7,fa_hospital_o = 0xf0f8,fa_ambulance = 0xf0f9,fa_medkit = 0xf0fa,fa_fighter_jet = 0xf0fb,fa_beer = 0xf0fc,fa_h_square = 0xf0fd,fa_plus_square = 0xf0fe,fa_angle_double_left = 0xf100,fa_angle_double_right = 0xf101,fa_angle_double_up = 0xf102,fa_angle_double_down = 0xf103,fa_angle_left = 0xf104,fa_angle_right = 0xf105,fa_angle_up = 0xf106,fa_angle_down = 0xf107,fa_desktop = 0xf108,fa_laptop = 0xf109,fa_tablet = 0xf10a,fa_mobile_phone = 0xf10b,fa_mobile = fa_mobile_phone,fa_circle_o = 0xf10c,fa_quote_left = 0xf10d,fa_quote_right = 0xf10e,fa_spinner = 0xf110,fa_circle = 0xf111,fa_mail_reply = 0xf112,fa_reply = fa_mail_reply,fa_github_alt = 0xf113,fa_folder_o = 0xf114,fa_folder_open_o = 0xf115,fa_smile_o = 0xf118,fa_frown_o = 0xf119,fa_meh_o = 0xf11a,fa_gamepad = 0xf11b,fa_keyboard_o = 0xf11c,fa_flag_o = 0xf11d,fa_flag_checkered = 0xf11e,fa_terminal = 0xf120,fa_code = 0xf121,fa_mail_reply_all = 0xf122,fa_reply_all = fa_mail_reply_all,fa_star_half_empty = 0xf123,fa_star_half_full = fa_star_half_empty,fa_star_half_o = fa_star_half_empty,fa_location_arrow = 0xf124,fa_crop = 0xf125,fa_code_fork = 0xf126,fa_unlink = 0xf127,fa_chain_broken = fa_unlink,fa_question = 0xf128,fa_info = 0xf129,fa_exclamation = 0xf12a,fa_superscript = 0xf12b,fa_subscript = 0xf12c,fa_eraser = 0xf12d,fa_puzzle_piece = 0xf12e,fa_microphone = 0xf130,fa_microphone_slash = 0xf131,fa_shield = 0xf132,fa_calendar_o = 0xf133,fa_fire_extinguisher = 0xf134,fa_rocket = 0xf135,fa_maxcdn = 0xf136,fa_chevron_circle_left = 0xf137,fa_chevron_circle_right = 0xf138,fa_chevron_circle_up = 0xf139,fa_chevron_circle_down = 0xf13a,fa_html5 = 0xf13b,fa_css3 = 0xf13c,fa_anchor = 0xf13d,fa_unlock_alt = 0xf13e,fa_bullseye = 0xf140,fa_ellipsis_h = 0xf141,fa_ellipsis_v = 0xf142,fa_rss_square = 0xf143,fa_play_circle = 0xf144,fa_ticket = 0xf145,fa_minus_square = 0xf146,fa_minus_square_o = 0xf147,fa_level_up = 0xf148,fa_level_down = 0xf149,fa_check_square = 0xf14a,fa_pencil_square = 0xf14b,fa_external_link_square = 0xf14c,fa_share_square = 0xf14d,fa_compass = 0xf14e,fa_toggle_down = 0xf150,fa_caret_square_o_down = fa_toggle_down,fa_toggle_up = 0xf151,fa_caret_square_o_up = fa_toggle_up,fa_toggle_right = 0xf152,fa_caret_square_o_right = fa_toggle_right,fa_euro = 0xf153,fa_eur = fa_euro,fa_gbp = 0xf154,fa_dollar = 0xf155,fa_usd = fa_dollar,fa_rupee = 0xf156,fa_inr = fa_rupee,fa_cny = 0xf157,fa_rmb = fa_cny,fa_yen = fa_cny,fa_jpy = fa_cny,fa_ruble = 0xf158,fa_rouble = fa_ruble,fa_rub = fa_ruble,fa_won = 0xf159,fa_krw = fa_won,fa_bitcoin = 0xf15a,fa_btc = fa_bitcoin,fa_file = 0xf15b,fa_file_text = 0xf15c,fa_sort_alpha_asc = 0xf15d,fa_sort_alpha_desc = 0xf15e,fa_sort_amount_asc = 0xf160,fa_sort_amount_desc = 0xf161,fa_sort_numeric_asc = 0xf162,fa_sort_numeric_desc = 0xf163,fa_thumbs_up = 0xf164,fa_thumbs_down = 0xf165,fa_youtube_square = 0xf166,fa_youtube = 0xf167,fa_xing = 0xf168,fa_xing_square = 0xf169,fa_youtube_play = 0xf16a,fa_dropbox = 0xf16b,fa_stack_overflow = 0xf16c,fa_instagram = 0xf16d,fa_flickr = 0xf16e,fa_adn = 0xf170,fa_bitbucket = 0xf171,fa_bitbucket_square = 0xf172,fa_tumblr = 0xf173,fa_tumblr_square = 0xf174,fa_long_arrow_down = 0xf175,fa_long_arrow_up = 0xf176,fa_long_arrow_left = 0xf177,fa_long_arrow_right = 0xf178,fa_apple = 0xf179,fa_windows = 0xf17a,fa_android = 0xf17b,fa_linux = 0xf17c,fa_dribbble = 0xf17d,fa_skype = 0xf17e,fa_foursquare = 0xf180,fa_trello = 0xf181,fa_female = 0xf182,fa_male = 0xf183,fa_gittip = 0xf184,fa_gratipay = fa_gittip,fa_sun_o = 0xf185,fa_moon_o = 0xf186,fa_archive = 0xf187,fa_bug = 0xf188,fa_vk = 0xf189,fa_weibo = 0xf18a,fa_renren = 0xf18b,fa_pagelines = 0xf18c,fa_stack_exchange = 0xf18d,fa_arrow_circle_o_right = 0xf18e,fa_arrow_circle_o_left = 0xf190,fa_toggle_left = 0xf191,fa_caret_square_o_left = fa_toggle_left,fa_dot_circle_o = 0xf192,fa_wheelchair = 0xf193,fa_vimeo_square = 0xf194,fa_turkish_lira = 0xf195,fa_try = fa_turkish_lira,fa_plus_square_o = 0xf196,fa_space_shuttle = 0xf197,fa_slack = 0xf198,fa_envelope_square = 0xf199,fa_wordpress = 0xf19a,fa_openid = 0xf19b,fa_institution = 0xf19c,fa_bank = fa_institution,fa_university = fa_institution,fa_mortar_board = 0xf19d,fa_graduation_cap = fa_mortar_board,fa_yahoo = 0xf19e,fa_google = 0xf1a0,fa_reddit = 0xf1a1,fa_reddit_square = 0xf1a2,fa_stumbleupon_circle = 0xf1a3,fa_stumbleupon = 0xf1a4,fa_delicious = 0xf1a5,fa_digg = 0xf1a6,fa_pied_piper_pp = 0xf1a7,fa_pied_piper_alt = 0xf1a8,fa_drupal = 0xf1a9,fa_joomla = 0xf1aa,fa_language = 0xf1ab,fa_fax = 0xf1ac,fa_building = 0xf1ad,fa_child = 0xf1ae,fa_paw = 0xf1b0,fa_spoon = 0xf1b1,fa_cube = 0xf1b2,fa_cubes = 0xf1b3,fa_behance = 0xf1b4,fa_behance_square = 0xf1b5,fa_steam = 0xf1b6,fa_steam_square = 0xf1b7,fa_recycle = 0xf1b8,fa_automobile = 0xf1b9,fa_car = fa_automobile,fa_cab = 0xf1ba,fa_taxi = fa_cab,fa_tree = 0xf1bb,fa_spotify = 0xf1bc,fa_deviantart = 0xf1bd,fa_soundcloud = 0xf1be,fa_database = 0xf1c0,fa_file_pdf_o = 0xf1c1,fa_file_word_o = 0xf1c2,fa_file_excel_o = 0xf1c3,fa_file_powerpoint_o = 0xf1c4,fa_file_photo_o = 0xf1c5,fa_file_picture_o = fa_file_photo_o,fa_file_image_o = fa_file_photo_o,fa_file_zip_o = 0xf1c6,fa_file_archive_o = fa_file_zip_o,fa_file_sound_o = 0xf1c7,fa_file_audio_o = fa_file_sound_o,fa_file_movie_o = 0xf1c8,fa_file_video_o = fa_file_movie_o,fa_file_code_o = 0xf1c9,fa_vine = 0xf1ca,fa_codepen = 0xf1cb,fa_jsfiddle = 0xf1cc,fa_life_bouy = 0xf1cd,fa_life_buoy = fa_life_bouy,fa_life_saver = fa_life_bouy,fa_support = fa_life_bouy,fa_life_ring = fa_life_bouy,fa_circle_o_notch = 0xf1ce,fa_ra = 0xf1d0,fa_resistance = fa_ra,fa_rebel = fa_ra,fa_ge = 0xf1d1,fa_empire = fa_ge,fa_git_square = 0xf1d2,fa_git = 0xf1d3,fa_y_combinator_square = 0xf1d4,fa_yc_square = fa_y_combinator_square,fa_hacker_news = fa_y_combinator_square,fa_tencent_weibo = 0xf1d5,fa_qq = 0xf1d6,fa_wechat = 0xf1d7,fa_weixin = fa_wechat,fa_send = 0xf1d8,fa_paper_plane = fa_send,fa_send_o = 0xf1d9,fa_paper_plane_o = fa_send_o,fa_history = 0xf1da,fa_circle_thin = 0xf1db,fa_header = 0xf1dc,fa_paragraph = 0xf1dd,fa_sliders = 0xf1de,fa_share_alt = 0xf1e0,fa_share_alt_square = 0xf1e1,fa_bomb = 0xf1e2,fa_soccer_ball_o = 0xf1e3,fa_futbol_o = fa_soccer_ball_o,fa_tty = 0xf1e4,fa_binoculars = 0xf1e5,fa_plug = 0xf1e6,fa_slideshare = 0xf1e7,fa_twitch = 0xf1e8,fa_yelp = 0xf1e9,fa_newspaper_o = 0xf1ea,fa_wifi = 0xf1eb,fa_calculator = 0xf1ec,fa_paypal = 0xf1ed,fa_google_wallet = 0xf1ee,fa_cc_visa = 0xf1f0,fa_cc_mastercard = 0xf1f1,fa_cc_discover = 0xf1f2,fa_cc_amex = 0xf1f3,fa_cc_paypal = 0xf1f4,fa_cc_stripe = 0xf1f5,fa_bell_slash = 0xf1f6,fa_bell_slash_o = 0xf1f7,fa_trash = 0xf1f8,fa_copyright = 0xf1f9,fa_at = 0xf1fa,fa_eyedropper = 0xf1fb,fa_paint_brush = 0xf1fc,fa_birthday_cake = 0xf1fd,fa_area_chart = 0xf1fe,fa_pie_chart = 0xf200,fa_line_chart = 0xf201,fa_lastfm = 0xf202,fa_lastfm_square = 0xf203,fa_toggle_off = 0xf204,fa_toggle_on = 0xf205,fa_bicycle = 0xf206,fa_bus = 0xf207,fa_ioxhost = 0xf208,fa_angellist = 0xf209,fa_cc = 0xf20a,fa_shekel = 0xf20b,fa_sheqel = fa_shekel,fa_ils = fa_shekel,fa_meanpath = 0xf20c,fa_buysellads = 0xf20d,fa_connectdevelop = 0xf20e,fa_dashcube = 0xf210,fa_forumbee = 0xf211,fa_leanpub = 0xf212,fa_sellsy = 0xf213,fa_shirtsinbulk = 0xf214,fa_simplybuilt = 0xf215,fa_skyatlas = 0xf216,fa_cart_plus = 0xf217,fa_cart_arrow_down = 0xf218,fa_diamond = 0xf219,fa_ship = 0xf21a,fa_user_secret = 0xf21b,fa_motorcycle = 0xf21c,fa_street_view = 0xf21d,fa_heartbeat = 0xf21e,fa_venus = 0xf221,fa_mars = 0xf222,fa_mercury = 0xf223,fa_intersex = 0xf224,fa_transgender = fa_intersex,fa_transgender_alt = 0xf225,fa_venus_double = 0xf226,fa_mars_double = 0xf227,fa_venus_mars = 0xf228,fa_mars_stroke = 0xf229,fa_mars_stroke_v = 0xf22a,fa_mars_stroke_h = 0xf22b,fa_neuter = 0xf22c,fa_genderless = 0xf22d,fa_facebook_official = 0xf230,fa_pinterest_p = 0xf231,fa_whatsapp = 0xf232,fa_server = 0xf233,fa_user_plus = 0xf234,fa_user_times = 0xf235,fa_hotel = 0xf236,fa_bed = fa_hotel,fa_viacoin = 0xf237,fa_train = 0xf238,fa_subway = 0xf239,fa_medium = 0xf23a,fa_yc = 0xf23b,fa_y_combinator = fa_yc,fa_optin_monster = 0xf23c,fa_opencart = 0xf23d,fa_expeditedssl = 0xf23e,fa_battery_4 = 0xf240,fa_battery = fa_battery_4,fa_battery_full = fa_battery_4,fa_battery_3 = 0xf241,fa_battery_three_quarters = fa_battery_3,fa_battery_2 = 0xf242,fa_battery_half = fa_battery_2,fa_battery_1 = 0xf243,fa_battery_quarter = fa_battery_1,fa_battery_0 = 0xf244,fa_battery_empty = fa_battery_0,fa_mouse_pointer = 0xf245,fa_i_cursor = 0xf246,fa_object_group = 0xf247,fa_object_ungroup = 0xf248,fa_sticky_note = 0xf249,fa_sticky_note_o = 0xf24a,fa_cc_jcb = 0xf24b,fa_cc_diners_club = 0xf24c,fa_clone = 0xf24d,fa_balance_scale = 0xf24e,fa_hourglass_o = 0xf250,fa_hourglass_1 = 0xf251,fa_hourglass_start = fa_hourglass_1,fa_hourglass_2 = 0xf252,fa_hourglass_half = fa_hourglass_2,fa_hourglass_3 = 0xf253,fa_hourglass_end = fa_hourglass_3,fa_hourglass = 0xf254,fa_hand_grab_o = 0xf255,fa_hand_rock_o = fa_hand_grab_o,fa_hand_stop_o = 0xf256,fa_hand_paper_o = fa_hand_stop_o,fa_hand_scissors_o = 0xf257,fa_hand_lizard_o = 0xf258,fa_hand_spock_o = 0xf259,fa_hand_pointer_o = 0xf25a,fa_hand_peace_o = 0xf25b,fa_trademark = 0xf25c,fa_registered = 0xf25d,fa_creative_commons = 0xf25e,fa_gg = 0xf260,fa_gg_circle = 0xf261,fa_tripadvisor = 0xf262,fa_odnoklassniki = 0xf263,fa_odnoklassniki_square = 0xf264,fa_get_pocket = 0xf265,fa_wikipedia_w = 0xf266,fa_safari = 0xf267,fa_chrome = 0xf268,fa_firefox = 0xf269,fa_opera = 0xf26a,fa_internet_explorer = 0xf26b,fa_tv = 0xf26c,fa_television = fa_tv,fa_contao = 0xf26d,fa_500px = 0xf26e,fa_amazon = 0xf270,fa_calendar_plus_o = 0xf271,fa_calendar_minus_o = 0xf272,fa_calendar_times_o = 0xf273,fa_calendar_check_o = 0xf274,fa_industry = 0xf275,fa_map_pin = 0xf276,fa_map_signs = 0xf277,fa_map_o = 0xf278,fa_map = 0xf279,fa_commenting = 0xf27a,fa_commenting_o = 0xf27b,fa_houzz = 0xf27c,fa_vimeo = 0xf27d,fa_black_tie = 0xf27e,fa_fonticons = 0xf280,fa_reddit_alien = 0xf281,fa_edge = 0xf282,fa_credit_card_alt = 0xf283,fa_codiepie = 0xf284,fa_modx = 0xf285,fa_fort_awesome = 0xf286,fa_usb = 0xf287,fa_product_hunt = 0xf288,fa_mixcloud = 0xf289,fa_scribd = 0xf28a,fa_pause_circle = 0xf28b,fa_pause_circle_o = 0xf28c,fa_stop_circle = 0xf28d,fa_stop_circle_o = 0xf28e,fa_shopping_bag = 0xf290,fa_shopping_basket = 0xf291,fa_hashtag = 0xf292,fa_bluetooth = 0xf293,fa_bluetooth_b = 0xf294,fa_percent = 0xf295,fa_gitlab = 0xf296,fa_wpbeginner = 0xf297,fa_wpforms = 0xf298,fa_envira = 0xf299,fa_universal_access = 0xf29a,fa_wheelchair_alt = 0xf29b,fa_question_circle_o = 0xf29c,fa_blind = 0xf29d,fa_audio_description = 0xf29e,fa_volume_control_phone = 0xf2a0,fa_braille = 0xf2a1,fa_assistive_listening_systems = 0xf2a2,fa_asl_interpreting = 0xf2a3,fa_american_sign_language_interpreting = fa_asl_interpreting,fa_deafness = 0xf2a4,fa_hard_of_hearing = fa_deafness,fa_deaf = fa_deafness,fa_glide = 0xf2a5,fa_glide_g = 0xf2a6,fa_signing = 0xf2a7,fa_sign_language = fa_signing,fa_low_vision = 0xf2a8,fa_viadeo = 0xf2a9,fa_viadeo_square = 0xf2aa,fa_snapchat = 0xf2ab,fa_snapchat_ghost = 0xf2ac,fa_snapchat_square = 0xf2ad,fa_pied_piper = 0xf2ae,fa_first_order = 0xf2b0,fa_yoast = 0xf2b1,fa_themeisle = 0xf2b2,fa_google_plus_circle = 0xf2b3,fa_google_plus_official = fa_google_plus_circle,fa_fa = 0xf2b4,fa_font_awesome = fa_fa,fa_handshake_o = 0xf2b5,fa_envelope_open = 0xf2b6,fa_envelope_open_o = 0xf2b7,fa_linode = 0xf2b8,fa_address_book = 0xf2b9,fa_address_book_o = 0xf2ba,fa_vcard = 0xf2bb,fa_address_card = fa_vcard,fa_vcard_o = 0xf2bc,fa_address_card_o = fa_vcard_o,fa_user_circle = 0xf2bd,fa_user_circle_o = 0xf2be,fa_user_o = 0xf2c0,fa_id_badge = 0xf2c1,fa_drivers_license = 0xf2c2,fa_id_card = fa_drivers_license,fa_drivers_license_o = 0xf2c3,fa_id_card_o = fa_drivers_license_o,fa_quora = 0xf2c4,fa_free_code_camp = 0xf2c5,fa_telegram = 0xf2c6,fa_thermometer_4 = 0xf2c7,fa_thermometer = fa_thermometer_4,fa_thermometer_full = fa_thermometer_4,fa_thermometer_3 = 0xf2c8,fa_thermometer_three_quarters = fa_thermometer_3,fa_thermometer_2 = 0xf2c9,fa_thermometer_half = fa_thermometer_2,fa_thermometer_1 = 0xf2ca,fa_thermometer_quarter = fa_thermometer_1,fa_thermometer_0 = 0xf2cb,fa_thermometer_empty = fa_thermometer_0,fa_shower = 0xf2cc,fa_bathtub = 0xf2cd,fa_s15 = fa_bathtub,fa_bath = fa_bathtub,fa_podcast = 0xf2ce,fa_window_maximize = 0xf2d0,fa_window_minimize = 0xf2d1,fa_window_restore = 0xf2d2,fa_times_rectangle = 0xf2d3,fa_window_close = fa_times_rectangle,fa_times_rectangle_o = 0xf2d4,fa_window_close_o = fa_times_rectangle_o,fa_bandcamp = 0xf2d5,fa_grav = 0xf2d6,fa_etsy = 0xf2d7,fa_imdb = 0xf2d8,fa_ravelry = 0xf2d9,fa_eercast = 0xf2da,fa_microchip = 0xf2db,fa_snowflake_o = 0xf2dc,fa_superpowers = 0xf2dd,fa_wpexplorer = 0xf2de,fa_meetup = 0xf2e0};
  • QML中使用时：

不能定义为枚举，可以使用QtObject 属性值定义使用：

pragma Singleton
//! 创建字体图标单例
import QtQuick 2.15//! 字体图标字段 按理说应该是枚举类型 但是在qml中不好用
QtObject {readonly property int fa_glass : 0xf000readonly property int fa_music : 0xf001readonly property int fa_search : 0xf002readonly property int fa_envelope_o : 0xf003readonly property int fa_heart : 0xf004readonly property int fa_star : 0xf005readonly property int fa_star_o : 0xf006readonly property int fa_user : 0xf007readonly property int fa_film : 0xf008readonly property int fa_th_large : 0xf009readonly property int fa_th : 0xf00areadonly property int fa_th_list : 0xf00breadonly property int fa_check : 0xf00creadonly property int fa_remove : 0xf00dreadonly property int fa_close : 0xf00dreadonly property int fa_times : 0xf00dreadonly property int fa_search_plus : 0xf00ereadonly property int fa_search_minus : 0xf010readonly property int fa_power_off : 0xf011readonly property int fa_signal : 0xf012readonly property int fa_gear : 0xf013readonly property int fa_cog : 0xf013readonly property int fa_trash_o : 0xf014readonly property int fa_home : 0xf015readonly property int fa_file_o : 0xf016readonly property int fa_clock_o : 0xf017readonly property int fa_road : 0xf018readonly property int fa_download : 0xf019readonly property int fa_arrow_circle_o_down : 0xf01areadonly property int fa_arrow_circle_o_up : 0xf01breadonly property int fa_inbox : 0xf01creadonly property int fa_play_circle_o : 0xf01dreadonly property int fa_rotate_right : 0xf01ereadonly property int fa_repeat : 0xf01ereadonly property int fa_refresh : 0xf021readonly property int fa_list_alt : 0xf022readonly property int fa_lock : 0xf023readonly property int fa_flag : 0xf024readonly property int fa_headphones : 0xf025readonly property int fa_volume_off : 0xf026readonly property int fa_volume_down : 0xf027readonly property int fa_volume_up : 0xf028readonly property int fa_qrcode : 0xf029readonly property int fa_barcode : 0xf02areadonly property int fa_tag : 0xf02breadonly property int fa_tags : 0xf02creadonly property int fa_book : 0xf02dreadonly property int fa_bookmark : 0xf02ereadonly property int fa_print : 0xf02freadonly property int fa_camera : 0xf030readonly property int fa_font : 0xf031readonly property int fa_bold : 0xf032readonly property int fa_italic : 0xf033readonly property int fa_text_height : 0xf034readonly property int fa_text_width : 0xf035readonly property int fa_align_left : 0xf036readonly property int fa_align_center : 0xf037readonly property int fa_align_right : 0xf038readonly property int fa_align_justify : 0xf039readonly property int fa_list : 0xf03areadonly property int fa_dedent : 0xf03breadonly property int fa_outdent : 0xf03breadonly property int fa_indent : 0xf03creadonly property int fa_video_camera : 0xf03dreadonly property int fa_photo : 0xf03ereadonly property int fa_image : 0xf03ereadonly property int fa_picture_o : 0xf03ereadonly property int fa_pencil : 0xf040readonly property int fa_map_marker : 0xf041readonly property int fa_adjust : 0xf042readonly property int fa_tint : 0xf043readonly property int fa_edit : 0xf044readonly property int fa_pencil_square_o : 0xf044readonly property int fa_share_square_o : 0xf045readonly property int fa_check_square_o : 0xf046readonly property int fa_arrows : 0xf047readonly property int fa_step_backward : 0xf048readonly property int fa_fast_backward : 0xf049readonly property int fa_backward : 0xf04areadonly property int fa_play : 0xf04breadonly property int fa_pause : 0xf04creadonly property int fa_stop : 0xf04dreadonly property int fa_forward : 0xf04ereadonly property int fa_fast_forward : 0xf050readonly property int fa_step_forward : 0xf051readonly property int fa_eject : 0xf052readonly property int fa_chevron_left : 0xf053readonly property int fa_chevron_right : 0xf054readonly property int fa_plus_circle : 0xf055readonly property int fa_minus_circle : 0xf056readonly property int fa_times_circle : 0xf057readonly property int fa_check_circle : 0xf058readonly property int fa_question_circle : 0xf059readonly property int fa_info_circle : 0xf05areadonly property int fa_crosshairs : 0xf05breadonly property int fa_times_circle_o : 0xf05creadonly property int fa_check_circle_o : 0xf05dreadonly property int fa_ban : 0xf05ereadonly property int fa_arrow_left : 0xf060readonly property int fa_arrow_right : 0xf061readonly property int fa_arrow_up : 0xf062readonly property int fa_arrow_down : 0xf063readonly property int fa_mail_forward : 0xf064readonly property int fa_share : 0xf064readonly property int fa_expand : 0xf065readonly property int fa_compress : 0xf066readonly property int fa_plus : 0xf067readonly property int fa_minus : 0xf068readonly property int fa_asterisk : 0xf069readonly property int fa_exclamation_circle : 0xf06areadonly property int fa_gift : 0xf06breadonly property int fa_leaf : 0xf06creadonly property int fa_fire : 0xf06dreadonly property int fa_eye : 0xf06ereadonly property int fa_eye_slash : 0xf070readonly property int fa_warning : 0xf071readonly property int fa_exclamation_triangle : 0xf071readonly property int fa_plane : 0xf072readonly property int fa_calendar : 0xf073readonly property int fa_random : 0xf074readonly property int fa_comment : 0xf075readonly property int fa_magnet : 0xf076readonly property int fa_chevron_up : 0xf077readonly property int fa_chevron_down : 0xf078readonly property int fa_retweet : 0xf079readonly property int fa_shopping_cart : 0xf07areadonly property int fa_folder : 0xf07breadonly property int fa_folder_open : 0xf07creadonly property int fa_arrows_v : 0xf07dreadonly property int fa_arrows_h : 0xf07ereadonly property int fa_bar_chart_o : 0xf080readonly property int fa_bar_chart : 0xf080readonly property int fa_twitter_square : 0xf081readonly property int fa_facebook_square : 0xf082readonly property int fa_camera_retro : 0xf083readonly property int fa_key : 0xf084readonly property int fa_gears : 0xf085readonly property int fa_cogs : 0xf085readonly property int fa_comments : 0xf086readonly property int fa_thumbs_o_up : 0xf087readonly property int fa_thumbs_o_down : 0xf088readonly property int fa_star_half : 0xf089readonly property int fa_heart_o : 0xf08areadonly property int fa_sign_out : 0xf08breadonly property int fa_linkedin_square : 0xf08creadonly property int fa_thumb_tack : 0xf08dreadonly property int fa_external_link : 0xf08ereadonly property int fa_sign_in : 0xf090readonly property int fa_trophy : 0xf091readonly property int fa_github_square : 0xf092readonly property int fa_upload : 0xf093readonly property int fa_lemon_o : 0xf094readonly property int fa_phone : 0xf095readonly property int fa_square_o : 0xf096readonly property int fa_bookmark_o : 0xf097readonly property int fa_phone_square : 0xf098readonly property int fa_twitter : 0xf099readonly property int fa_facebook_f : 0xf09areadonly property int fa_facebook : 0xf09areadonly property int fa_github : 0xf09breadonly property int fa_unlock : 0xf09creadonly property int fa_credit_card : 0xf09dreadonly property int fa_feed : 0xf09ereadonly property int fa_rss : 0xf09ereadonly property int fa_hdd_o : 0xf0a0readonly property int fa_bullhorn : 0xf0a1readonly property int fa_bell : 0xf0f3readonly property int fa_certificate : 0xf0a3readonly property int fa_hand_o_right : 0xf0a4readonly property int fa_hand_o_left : 0xf0a5readonly property int fa_hand_o_up : 0xf0a6readonly property int fa_hand_o_down : 0xf0a7readonly property int fa_arrow_circle_left : 0xf0a8readonly property int fa_arrow_circle_right : 0xf0a9readonly property int fa_arrow_circle_up : 0xf0aareadonly property int fa_arrow_circle_down : 0xf0abreadonly property int fa_globe : 0xf0acreadonly property int fa_wrench : 0xf0adreadonly property int fa_tasks : 0xf0aereadonly property int fa_filter : 0xf0b0readonly property int fa_briefcase : 0xf0b1readonly property int fa_arrows_alt : 0xf0b2readonly property int fa_group : 0xf0c0readonly property int fa_users : 0xf0c0readonly property int fa_chain : 0xf0c1readonly property int fa_link : 0xf0c1readonly property int fa_cloud : 0xf0c2readonly property int fa_flask : 0xf0c3readonly property int fa_cut : 0xf0c4readonly property int fa_scissors : 0xf0c4readonly property int fa_copy : 0xf0c5readonly property int fa_files_o : 0xf0c5readonly property int fa_paperclip : 0xf0c6readonly property int fa_save : 0xf0c7readonly property int fa_floppy_o : 0xf0c7readonly property int fa_square : 0xf0c8readonly property int fa_navicon : 0xf0c9readonly property int fa_reorder : 0xf0c9readonly property int fa_bars : 0xf0c9readonly property int fa_list_ul : 0xf0careadonly property int fa_list_ol : 0xf0cbreadonly property int fa_strikethrough : 0xf0ccreadonly property int fa_underline : 0xf0cdreadonly property int fa_table : 0xf0cereadonly property int fa_magic : 0xf0d0readonly property int fa_truck : 0xf0d1readonly property int fa_pinterest : 0xf0d2readonly property int fa_pinterest_square : 0xf0d3readonly property int fa_google_plus_square : 0xf0d4readonly property int fa_google_plus : 0xf0d5readonly property int fa_money : 0xf0d6readonly property int fa_caret_down : 0xf0d7readonly property int fa_caret_up : 0xf0d8readonly property int fa_caret_left : 0xf0d9readonly property int fa_caret_right : 0xf0dareadonly property int fa_columns : 0xf0dbreadonly property int fa_unsorted : 0xf0dcreadonly property int fa_sort : 0xf0dcreadonly property int fa_sort_down : 0xf0ddreadonly property int fa_sort_desc : 0xf0ddreadonly property int fa_sort_up : 0xf0dereadonly property int fa_sort_asc : 0xf0dereadonly property int fa_envelope : 0xf0e0readonly property int fa_linkedin : 0xf0e1readonly property int fa_rotate_left : 0xf0e2readonly property int fa_undo : 0xf0e2readonly property int fa_legal : 0xf0e3readonly property int fa_gavel : 0xf0e3readonly property int fa_dashboard : 0xf0e4readonly property int fa_tachometer :  0xf0e4readonly property int fa_comment_o : 0xf0e5readonly property int fa_comments_o : 0xf0e6readonly property int fa_flash : 0xf0e7readonly property int fa_bolt : 0xf0e7readonly property int fa_sitemap : 0xf0e8readonly property int fa_umbrella : 0xf0e9readonly property int fa_paste : 0xf0eareadonly property int fa_clipboard : 0xf0eareadonly property int fa_lightbulb_o : 0xf0ebreadonly property int fa_exchange : 0xf0ecreadonly property int fa_cloud_download : 0xf0edreadonly property int fa_cloud_upload : 0xf0eereadonly property int fa_user_md : 0xf0f0readonly property int fa_stethoscope : 0xf0f1readonly property int fa_suitcase : 0xf0f2readonly property int fa_bell_o : 0xf0a2readonly property int fa_coffee : 0xf0f4readonly property int fa_cutlery : 0xf0f5readonly property int fa_file_text_o : 0xf0f6readonly property int fa_building_o : 0xf0f7readonly property int fa_hospital_o : 0xf0f8readonly property int fa_ambulance : 0xf0f9readonly property int fa_medkit : 0xf0fareadonly property int fa_fighter_jet : 0xf0fbreadonly property int fa_beer : 0xf0fcreadonly property int fa_h_square : 0xf0fdreadonly property int fa_plus_square : 0xf0fereadonly property int fa_angle_double_left : 0xf100readonly property int fa_angle_double_right : 0xf101readonly property int fa_angle_double_up : 0xf102readonly property int fa_angle_double_down : 0xf103readonly property int fa_angle_left : 0xf104readonly property int fa_angle_right : 0xf105readonly property int fa_angle_up : 0xf106readonly property int fa_angle_down : 0xf107readonly property int fa_desktop : 0xf108readonly property int fa_laptop : 0xf109readonly property int fa_tablet : 0xf10areadonly property int fa_mobile_phone : 0xf10breadonly property int fa_mobile : 0xf10breadonly property int fa_circle_o : 0xf10creadonly property int fa_quote_left : 0xf10dreadonly property int fa_quote_right : 0xf10ereadonly property int fa_spinner : 0xf110readonly property int fa_circle : 0xf111readonly property int fa_mail_reply : 0xf112readonly property int fa_reply : 0xf112readonly property int fa_github_alt : 0xf113readonly property int fa_folder_o : 0xf114readonly property int fa_folder_open_o : 0xf115readonly property int fa_smile_o : 0xf118readonly property int fa_frown_o : 0xf119readonly property int fa_meh_o : 0xf11areadonly property int fa_gamepad : 0xf11breadonly property int fa_keyboard_o : 0xf11creadonly property int fa_flag_o : 0xf11dreadonly property int fa_flag_checkered : 0xf11ereadonly property int fa_terminal : 0xf120readonly property int fa_code : 0xf121readonly property int fa_mail_reply_all : 0xf122readonly property int fa_reply_all : 0xf122readonly property int fa_star_half_empty : 0xf123readonly property int fa_star_half_full : 0xf123readonly property int fa_star_half_o : 0xf123readonly property int fa_location_arrow : 0xf124readonly property int fa_crop : 0xf125readonly property int fa_code_fork : 0xf126readonly property int fa_unlink : 0xf127readonly property int fa_chain_broken : 0xf127readonly property int fa_question : 0xf128readonly property int fa_info : 0xf129readonly property int fa_exclamation : 0xf12areadonly property int fa_superscript : 0xf12breadonly property int fa_subscript : 0xf12creadonly property int fa_eraser : 0xf12dreadonly property int fa_puzzle_piece : 0xf12ereadonly property int fa_microphone : 0xf130readonly property int fa_microphone_slash : 0xf131readonly property int fa_shield : 0xf132readonly property int fa_calendar_o : 0xf133readonly property int fa_fire_extinguisher : 0xf134readonly property int fa_rocket : 0xf135readonly property int fa_maxcdn : 0xf136readonly property int fa_chevron_circle_left : 0xf137readonly property int fa_chevron_circle_right : 0xf138readonly property int fa_chevron_circle_up : 0xf139readonly property int fa_chevron_circle_down : 0xf13areadonly property int fa_html5 : 0xf13breadonly property int fa_css3 : 0xf13creadonly property int fa_anchor : 0xf13dreadonly property int fa_unlock_alt : 0xf13ereadonly property int fa_bullseye : 0xf140readonly property int fa_ellipsis_h : 0xf141readonly property int fa_ellipsis_v : 0xf142readonly property int fa_rss_square : 0xf143readonly property int fa_play_circle : 0xf144readonly property int fa_ticket : 0xf145readonly property int fa_minus_square : 0xf146readonly property int fa_minus_square_o : 0xf147readonly property int fa_level_up : 0xf148readonly property int fa_level_down : 0xf149readonly property int fa_check_square : 0xf14areadonly property int fa_pencil_square : 0xf14breadonly property int fa_external_link_square : 0xf14creadonly property int fa_share_square : 0xf14dreadonly property int fa_compass : 0xf14ereadonly property int fa_toggle_down : 0xf150readonly property int fa_caret_square_o_down : 0xf150readonly property int fa_toggle_up : 0xf151readonly property int fa_caret_square_o_up : 0xf151readonly property int fa_toggle_right : 0xf152readonly property int fa_caret_square_o_right : 0xf152readonly property int fa_euro : 0xf153readonly property int fa_eur : 0xf153readonly property int fa_gbp : 0xf154readonly property int fa_dollar : 0xf155readonly property int fa_usd : 0xf155readonly property int fa_rupee : 0xf156readonly property int fa_inr : 0xf156readonly property int fa_cny : 0xf157readonly property int fa_rmb : 0xf157readonly property int fa_yen : 0xf157readonly property int fa_jpy : 0xf157readonly property int fa_ruble : 0xf158readonly property int fa_rouble : 0xf158readonly property int fa_rub : 0xf158readonly property int fa_won : 0xf159readonly property int fa_krw : 0xf159readonly property int fa_bitcoin : 0xf15areadonly property int fa_btc : 0xf15areadonly property int fa_file : 0xf15breadonly property int fa_file_text : 0xf15creadonly property int fa_sort_alpha_asc : 0xf15dreadonly property int fa_sort_alpha_desc : 0xf15ereadonly property int fa_sort_amount_asc : 0xf160readonly property int fa_sort_amount_desc : 0xf161readonly property int fa_sort_numeric_asc : 0xf162readonly property int fa_sort_numeric_desc : 0xf163readonly property int fa_thumbs_up : 0xf164readonly property int fa_thumbs_down : 0xf165readonly property int fa_youtube_square : 0xf166readonly property int fa_youtube : 0xf167readonly property int fa_xing : 0xf168readonly property int fa_xing_square : 0xf169readonly property int fa_youtube_play : 0xf16areadonly property int fa_dropbox : 0xf16breadonly property int fa_stack_overflow : 0xf16creadonly property int fa_instagram : 0xf16dreadonly property int fa_flickr : 0xf16ereadonly property int fa_adn : 0xf170readonly property int fa_bitbucket : 0xf171readonly property int fa_bitbucket_square : 0xf172readonly property int fa_tumblr : 0xf173readonly property int fa_tumblr_square : 0xf174readonly property int fa_long_arrow_down : 0xf175readonly property int fa_long_arrow_up : 0xf176readonly property int fa_long_arrow_left : 0xf177readonly property int fa_long_arrow_right : 0xf178readonly property int fa_apple : 0xf179readonly property int fa_windows : 0xf17areadonly property int fa_android : 0xf17breadonly property int fa_linux : 0xf17creadonly property int fa_dribbble : 0xf17dreadonly property int fa_skype : 0xf17ereadonly property int fa_foursquare : 0xf180readonly property int fa_trello : 0xf181readonly property int fa_female : 0xf182readonly property int fa_male : 0xf183readonly property int fa_gittip : 0xf184readonly property int fa_gratipay : 0xf184readonly property int fa_sun_o : 0xf185readonly property int fa_moon_o : 0xf186readonly property int fa_archive : 0xf187readonly property int fa_bug : 0xf188readonly property int fa_vk : 0xf189readonly property int fa_weibo : 0xf18areadonly property int fa_renren : 0xf18breadonly property int fa_pagelines : 0xf18creadonly property int fa_stack_exchange : 0xf18dreadonly property int fa_arrow_circle_o_right : 0xf18ereadonly property int fa_arrow_circle_o_left : 0xf190readonly property int fa_toggle_left : 0xf191readonly property int fa_caret_square_o_left : 0xf191readonly property int fa_dot_circle_o : 0xf192readonly property int fa_wheelchair : 0xf193readonly property int fa_vimeo_square : 0xf194readonly property int fa_turkish_lira : 0xf195readonly property int fa_try : 0xf195readonly property int fa_plus_square_o : 0xf196readonly property int fa_space_shuttle : 0xf197readonly property int fa_slack : 0xf198readonly property int fa_envelope_square : 0xf199readonly property int fa_wordpress : 0xf19areadonly property int fa_openid : 0xf19breadonly property int fa_institution : 0xf19creadonly property int fa_bank : 0xf19creadonly property int fa_university : 0xf19creadonly property int fa_mortar_board : 0xf19dreadonly property int fa_graduation_cap : 0xf19dreadonly property int fa_yahoo : 0xf19ereadonly property int fa_google : 0xf1a0readonly property int fa_reddit : 0xf1a1readonly property int fa_reddit_square : 0xf1a2readonly property int fa_stumbleupon_circle : 0xf1a3readonly property int fa_stumbleupon : 0xf1a4readonly property int fa_delicious : 0xf1a5readonly property int fa_digg : 0xf1a6readonly property int fa_pied_piper_pp : 0xf1a7readonly property int fa_pied_piper_alt : 0xf1a8readonly property int fa_drupal : 0xf1a9readonly property int fa_joomla : 0xf1aareadonly property int fa_language : 0xf1abreadonly property int fa_fax : 0xf1acreadonly property int fa_building : 0xf1adreadonly property int fa_child : 0xf1aereadonly property int fa_paw : 0xf1b0readonly property int fa_spoon : 0xf1b1readonly property int fa_cube : 0xf1b2readonly property int fa_cubes : 0xf1b3readonly property int fa_behance : 0xf1b4readonly property int fa_behance_square : 0xf1b5readonly property int fa_steam : 0xf1b6readonly property int fa_steam_square : 0xf1b7readonly property int fa_recycle : 0xf1b8readonly property int fa_automobile : 0xf1b9readonly property int fa_car : 0xf1b9readonly property int fa_cab : 0xf1bareadonly property int fa_taxi : 0xf1bareadonly property int fa_tree : 0xf1bbreadonly property int fa_spotify : 0xf1bcreadonly property int fa_deviantart : 0xf1bdreadonly property int fa_soundcloud : 0xf1bereadonly property int fa_database : 0xf1c0readonly property int fa_file_pdf_o : 0xf1c1readonly property int fa_file_word_o : 0xf1c2readonly property int fa_file_excel_o : 0xf1c3readonly property int fa_file_powerpoint_o : 0xf1c4readonly property int fa_file_photo_o : 0xf1c5readonly property int fa_file_picture_o : 0xf1c5readonly property int fa_file_image_o : 0xf1c5readonly property int fa_file_zip_o : 0xf1c6readonly property int fa_file_archive_o : 0xf1c6readonly property int fa_file_sound_o : 0xf1c7readonly property int fa_file_audio_o : 0xf1c7readonly property int fa_file_movie_o : 0xf1c8readonly property int fa_file_video_o : 0xf1c8readonly property int fa_file_code_o : 0xf1c9readonly property int fa_vine : 0xf1careadonly property int fa_codepen : 0xf1cbreadonly property int fa_jsfiddle : 0xf1ccreadonly property int fa_life_bouy : 0xf1cdreadonly property int fa_life_buoy : 0xf1cdreadonly property int fa_life_saver : 0xf1cdreadonly property int fa_support : 0xf1cdreadonly property int fa_life_ring : 0xf1cdreadonly property int fa_circle_o_notch : 0xf1cereadonly property int fa_ra : 0xf1d0readonly property int fa_resistance : 0xf1d0readonly property int fa_rebel : 0xf1d0readonly property int fa_ge : 0xf1d1readonly property int fa_empire : 0xf1d1readonly property int fa_git_square : 0xf1d2readonly property int fa_git : 0xf1d3readonly property int fa_y_combinator_square : 0xf1d4readonly property int fa_yc_square : 0xf1d4readonly property int fa_hacker_news : 0xf1d4readonly property int fa_tencent_weibo : 0xf1d5readonly property int fa_qq : 0xf1d6readonly property int fa_wechat : 0xf1d7readonly property int fa_weixin : 0xf1d7readonly property int fa_send : 0xf1d8readonly property int fa_paper_plane : 0xf1d8readonly property int fa_send_o : 0xf1d9readonly property int fa_paper_plane_o : 0xf1d9readonly property int fa_history : 0xf1dareadonly property int fa_circle_thin : 0xf1dbreadonly property int fa_header : 0xf1dcreadonly property int fa_paragraph : 0xf1ddreadonly property int fa_sliders : 0xf1dereadonly property int fa_share_alt : 0xf1e0readonly property int fa_share_alt_square : 0xf1e1readonly property int fa_bomb : 0xf1e2readonly property int fa_soccer_ball_o : 0xf1e3readonly property int fa_futbol_o : 0xf1e3readonly property int fa_tty : 0xf1e4readonly property int fa_binoculars : 0xf1e5readonly property int fa_plug : 0xf1e6readonly property int fa_slideshare : 0xf1e7readonly property int fa_twitch : 0xf1e8readonly property int fa_yelp : 0xf1e9readonly property int fa_newspaper_o : 0xf1eareadonly property int fa_wifi : 0xf1ebreadonly property int fa_calculator : 0xf1ecreadonly property int fa_paypal : 0xf1edreadonly property int fa_google_wallet : 0xf1eereadonly property int fa_cc_visa : 0xf1f0readonly property int fa_cc_mastercard : 0xf1f1readonly property int fa_cc_discover : 0xf1f2readonly property int fa_cc_amex : 0xf1f3readonly property int fa_cc_paypal : 0xf1f4readonly property int fa_cc_stripe : 0xf1f5readonly property int fa_bell_slash : 0xf1f6readonly property int fa_bell_slash_o : 0xf1f7readonly property int fa_trash : 0xf1f8readonly property int fa_copyright : 0xf1f9readonly property int fa_at : 0xf1fareadonly property int fa_eyedropper : 0xf1fbreadonly property int fa_paint_brush : 0xf1fcreadonly property int fa_birthday_cake : 0xf1fdreadonly property int fa_area_chart : 0xf1fereadonly property int fa_pie_chart : 0xf200readonly property int fa_line_chart : 0xf201readonly property int fa_lastfm : 0xf202readonly property int fa_lastfm_square : 0xf203readonly property int fa_toggle_off : 0xf204readonly property int fa_toggle_on : 0xf205readonly property int fa_bicycle : 0xf206readonly property int fa_bus : 0xf207readonly property int fa_ioxhost : 0xf208readonly property int fa_angellist : 0xf209readonly property int fa_cc : 0xf20areadonly property int fa_shekel : 0xf20breadonly property int fa_sheqel : 0xf20breadonly property int fa_ils : 0xf20breadonly property int fa_meanpath : 0xf20creadonly property int fa_buysellads : 0xf20dreadonly property int fa_connectdevelop : 0xf20ereadonly property int fa_dashcube : 0xf210readonly property int fa_forumbee : 0xf211readonly property int fa_leanpub : 0xf212readonly property int fa_sellsy : 0xf213readonly property int fa_shirtsinbulk : 0xf214readonly property int fa_simplybuilt : 0xf215readonly property int fa_skyatlas : 0xf216readonly property int fa_cart_plus : 0xf217readonly property int fa_cart_arrow_down : 0xf218readonly property int fa_diamond : 0xf219readonly property int fa_ship : 0xf21areadonly property int fa_user_secret : 0xf21breadonly property int fa_motorcycle : 0xf21creadonly property int fa_street_view : 0xf21dreadonly property int fa_heartbeat : 0xf21ereadonly property int fa_venus : 0xf221readonly property int fa_mars : 0xf222readonly property int fa_mercury : 0xf223readonly property int fa_intersex : 0xf224readonly property int fa_transgender : 0xf224readonly property int fa_transgender_alt : 0xf225readonly property int fa_venus_double : 0xf226readonly property int fa_mars_double : 0xf227readonly property int fa_venus_mars : 0xf228readonly property int fa_mars_stroke : 0xf229readonly property int fa_mars_stroke_v : 0xf22areadonly property int fa_mars_stroke_h : 0xf22breadonly property int fa_neuter : 0xf22creadonly property int fa_genderless : 0xf22dreadonly property int fa_facebook_official : 0xf230readonly property int fa_pinterest_p : 0xf231readonly property int fa_whatsapp : 0xf232readonly property int fa_server : 0xf233readonly property int fa_user_plus : 0xf234readonly property int fa_user_times : 0xf235readonly property int fa_hotel : 0xf236readonly property int fa_bed : 0xf236readonly property int fa_viacoin : 0xf237readonly property int fa_train : 0xf238readonly property int fa_subway : 0xf239readonly property int fa_medium : 0xf23areadonly property int fa_yc : 0xf23breadonly property int fa_y_combinator : 0xf23breadonly property int fa_optin_monster : 0xf23creadonly property int fa_opencart : 0xf23dreadonly property int fa_expeditedssl : 0xf23ereadonly property int fa_battery_4 : 0xf240readonly property int fa_battery : 0xf240readonly property int fa_battery_full : 0xf240readonly property int fa_battery_3 : 0xf241readonly property int fa_battery_three_quarters : 0xf241readonly property int fa_battery_2 : 0xf242readonly property int fa_battery_half : 0xf242readonly property int fa_battery_1 : 0xf243readonly property int fa_battery_quarter : 0xf243readonly property int fa_battery_0 : 0xf244readonly property int fa_battery_empty : 0xf244readonly property int fa_mouse_pointer : 0xf245readonly property int fa_i_cursor : 0xf246readonly property int fa_object_group : 0xf247readonly property int fa_object_ungroup : 0xf248readonly property int fa_sticky_note : 0xf249readonly property int fa_sticky_note_o : 0xf24areadonly property int fa_cc_jcb : 0xf24breadonly property int fa_cc_diners_club : 0xf24creadonly property int fa_clone : 0xf24dreadonly property int fa_balance_scale : 0xf24ereadonly property int fa_hourglass_o : 0xf250readonly property int fa_hourglass_1 : 0xf251readonly property int fa_hourglass_start : 0xf251readonly property int fa_hourglass_2 : 0xf252readonly property int fa_hourglass_half : 0xf252readonly property int fa_hourglass_3 : 0xf253readonly property int fa_hourglass_end : 0xf253readonly property int fa_hourglass : 0xf254readonly property int fa_hand_grab_o : 0xf255readonly property int fa_hand_rock_o : 0xf255readonly property int fa_hand_stop_o : 0xf256readonly property int fa_hand_paper_o : 0xf256readonly property int fa_hand_scissors_o : 0xf257readonly property int fa_hand_lizard_o : 0xf258readonly property int fa_hand_spock_o : 0xf259readonly property int fa_hand_pointer_o : 0xf25areadonly property int fa_hand_peace_o : 0xf25breadonly property int fa_trademark : 0xf25creadonly property int fa_registered : 0xf25dreadonly property int fa_creative_commons : 0xf25ereadonly property int fa_gg : 0xf260readonly property int fa_gg_circle : 0xf261readonly property int fa_tripadvisor : 0xf262readonly property int fa_odnoklassniki : 0xf263readonly property int fa_odnoklassniki_square : 0xf264readonly property int fa_get_pocket : 0xf265readonly property int fa_wikipedia_w : 0xf266readonly property int fa_safari : 0xf267readonly property int fa_chrome : 0xf268readonly property int fa_firefox : 0xf269readonly property int fa_opera : 0xf26areadonly property int fa_internet_explorer : 0xf26breadonly property int fa_tv : 0xf26creadonly property int fa_television : 0xf26creadonly property int fa_contao : 0xf26dreadonly property int fa_500px : 0xf26ereadonly property int fa_amazon : 0xf270readonly property int fa_calendar_plus_o : 0xf271readonly property int fa_calendar_minus_o : 0xf272readonly property int fa_calendar_times_o : 0xf273readonly property int fa_calendar_check_o : 0xf274readonly property int fa_industry : 0xf275readonly property int fa_map_pin : 0xf276readonly property int fa_map_signs : 0xf277readonly property int fa_map_o : 0xf278readonly property int fa_map : 0xf279readonly property int fa_commenting : 0xf27areadonly property int fa_commenting_o : 0xf27breadonly property int fa_houzz : 0xf27creadonly property int fa_vimeo : 0xf27dreadonly property int fa_black_tie : 0xf27ereadonly property int fa_fonticons : 0xf280readonly property int fa_reddit_alien : 0xf281readonly property int fa_edge : 0xf282readonly property int fa_credit_card_alt : 0xf283readonly property int fa_codiepie : 0xf284readonly property int fa_modx : 0xf285readonly property int fa_fort_awesome : 0xf286readonly property int fa_usb : 0xf287readonly property int fa_product_hunt : 0xf288readonly property int fa_mixcloud : 0xf289readonly property int fa_scribd : 0xf28areadonly property int fa_pause_circle : 0xf28breadonly property int fa_pause_circle_o : 0xf28creadonly property int fa_stop_circle : 0xf28dreadonly property int fa_stop_circle_o : 0xf28ereadonly property int fa_shopping_bag : 0xf290readonly property int fa_shopping_basket : 0xf291readonly property int fa_hashtag : 0xf292readonly property int fa_bluetooth : 0xf293readonly property int fa_bluetooth_b : 0xf294readonly property int fa_percent : 0xf295readonly property int fa_gitlab : 0xf296readonly property int fa_wpbeginner : 0xf297readonly property int fa_wpforms : 0xf298readonly property int fa_envira : 0xf299readonly property int fa_universal_access : 0xf29areadonly property int fa_wheelchair_alt : 0xf29breadonly property int fa_question_circle_o : 0xf29creadonly property int fa_blind : 0xf29dreadonly property int fa_audio_description : 0xf29ereadonly property int fa_volume_control_phone : 0xf2a0readonly property int fa_braille : 0xf2a1readonly property int fa_assistive_listening_systems : 0xf2a2readonly property int fa_asl_interpreting : 0xf2a3readonly property int fa_american_sign_language_interpreting : 0xf2a3readonly property int fa_deafness : 0xf2a4readonly property int fa_hard_of_hearing : 0xf2a4readonly property int fa_deaf : 0xf2a4readonly property int fa_glide : 0xf2a5readonly property int fa_glide_g : 0xf2a6readonly property int fa_signing : 0xf2a7readonly property int fa_sign_language : 0xf2a7readonly property int fa_low_vision : 0xf2a8readonly property int fa_viadeo : 0xf2a9readonly property int fa_viadeo_square : 0xf2aareadonly property int fa_snapchat : 0xf2abreadonly property int fa_snapchat_ghost : 0xf2acreadonly property int fa_snapchat_square : 0xf2adreadonly property int fa_pied_piper : 0xf2aereadonly property int fa_first_order : 0xf2b0readonly property int fa_yoast : 0xf2b1readonly property int fa_themeisle : 0xf2b2readonly property int fa_google_plus_circle : 0xf2b3readonly property int fa_google_plus_official : 0xf2b3readonly property int fa_fa : 0xf2b4readonly property int fa_font_awesome : 0xf2b4readonly property int fa_handshake_o : 0xf2b5readonly property int fa_envelope_open : 0xf2b6readonly property int fa_envelope_open_o : 0xf2b7readonly property int fa_linode : 0xf2b8readonly property int fa_address_book : 0xf2b9readonly property int fa_address_book_o : 0xf2bareadonly property int fa_vcard : 0xf2bbreadonly property int fa_address_card : 0xf2bbreadonly property int fa_vcard_o : 0xf2bcreadonly property int fa_address_card_o : 0xf2bcreadonly property int fa_user_circle : 0xf2bdreadonly property int fa_user_circle_o : 0xf2bereadonly property int fa_user_o : 0xf2c0readonly property int fa_id_badge : 0xf2c1readonly property int fa_drivers_license : 0xf2c2readonly property int fa_id_card : 0xf2c2readonly property int fa_drivers_license_o : 0xf2c3readonly property int fa_id_card_o : 0xf2c3readonly property int fa_quora : 0xf2c4readonly property int fa_free_code_camp : 0xf2c5readonly property int fa_telegram : 0xf2c6readonly property int fa_thermometer_4 : 0xf2c7readonly property int fa_thermometer : 0xf2c7readonly property int fa_thermometer_full : 0xf2c7readonly property int fa_thermometer_3 : 0xf2c8readonly property int fa_thermometer_three_quarters : 0xf2c8readonly property int fa_thermometer_2 : 0xf2c9readonly property int fa_thermometer_half : 0xf2c9readonly property int fa_thermometer_1 : 0xf2careadonly property int fa_thermometer_quarter : 0xf2careadonly property int fa_thermometer_0 : 0xf2cbreadonly property int fa_thermometer_empty : 0xf2cbreadonly property int fa_shower : 0xf2ccreadonly property int fa_bathtub : 0xf2cdreadonly property int fa_s15 : 0xf2cdreadonly property int fa_bath : 0xf2cdreadonly property int fa_podcast : 0xf2cereadonly property int fa_window_maximize : 0xf2d0readonly property int fa_window_minimize : 0xf2d1readonly property int fa_window_restore : 0xf2d2readonly property int fa_times_rectangle : 0xf2d3readonly property int fa_window_close : 0xf2d3readonly property int fa_times_rectangle_o : 0xf2d4readonly property int fa_window_close_o : 0xf2d4readonly property int fa_bandcamp : 0xf2d5readonly property int fa_grav : 0xf2d6readonly property int fa_etsy : 0xf2d7readonly property int fa_imdb : 0xf2d8readonly property int fa_ravelry : 0xf2d9readonly property int fa_eercast : 0xf2dareadonly property int fa_microchip : 0xf2dbreadonly property int fa_snowflake_o : 0xf2dcreadonly property int fa_superpowers : 0xf2ddreadonly property int fa_wpexplorer : 0xf2dereadonly property int fa_meetup : 0xf2e0//! 获取字体图标function fontChat(IconID){return String.fromCharCode(IconID)}
}

至此完，本身Font Awesome字体调用也不复杂，这里作为一个随笔简单记录下。

http://www.lryc.cn/news/577239.html

相关文章：

  • Maven 中，dependencies 和 dependencyManagement
  • 基于C++实现 bp 神经网络的手写数字识别
  • 【LeetCode 热题 100】239. 滑动窗口最大值——（解法一）滑动窗口+暴力解
  • 从0开始学习计算机视觉--Day06--反向传播算法
  • 【FR801xH】富芮坤FR801xH之PMU GPIO
  • Stable Diffusion 项目实战落地：从0到1 掌握ControlNet 第三篇： 打造光影字形的创意秘技-文字与自然共舞
  • [面试] js手写题-树转数组
  • 文心大模型 4.5 系列开源首发：技术深度解析与应用指南
  • uni-app使用uview2自定义tabber
  • PHP 全面解析：从入门到实践的服务器端脚本语言
  • 计算机网络中那些常见的路径搜索算法（一）——DFS、BFS、Dijkstra
  • Qt Quick 与 QML（四）qml中的Delegate系列委托组件
  • Python I/O 库 包 iopath
  • ExGeo代码理解（七）main.py（运行模型进行训练和测试）
  • 生成式人工智能实战 | 变分自编码器（Variational Auto-Encoder, VAE）
  • 如何让Excel自动帮我们算加减乘除？
  • PHP语法基础篇(七)：函数
  • 电脑开机加速工具，优化启动项管理
  • 深入比较 Gin 与 Beego：Go Web 框架的两大选择
  • 深度学习04 卷积神经网络CNN
  • 国科大深度学习作业2-基于 ViT 的 CIFAR10 图像分类
  • 工业级PHP任务管理系统开发：模块化设计与性能调优实践
  • DBeaver 设置阿里云中央仓库地址的操作步骤
  • 提示技术系列——链式提示
  • 数据结构入门-图的基本概念与存储结构
  • 【软考高项论文】论信息系统项目的干系人管理
  • 利用不坑盒子的Copilot，快速排值班表
  • upload-labs靶场通关详解：第15-16关
  • docker-compose部署Nacos、Seata、MySQL
  • 《Effective Python》第十一章 性能——使用 timeit 微基准测试优化性能关键代码