Mac电脑上如何打印出字体图标

背景

我今天打开了一个之前开发的APP,看到项目中用到了字体图标,发现有个"面条"图标用错了,想着修改一下吧。然后用输入法打出"面条",在输入法的弹窗中就一直往下找,发现并没有出现图标。

想着打出"面条图标"也没有出来,打出"图标面条"一样没出来。郁闷了,忘记上次是怎么敲出来的了。

解决

求助于豆包完美解决,这里记录一下,防止下次再忘记了。

在 Mac上打出字体图标(如 Font Awesome 等字体图标),可以通过以下方法实现:

利用系统自带的字符检视器。这是最通用的方法,适用于大多数字体图标:

按下 Control + Command + 空格 打开「字符检视器」

在搜索框中输入图标相关关键词(如 "西瓜")

找到需要的图标后,双击即可插入到文本中,如下图

字体图标的使用

复制代码
        CategoryItem(title: '按年龄', icon: '', emoji: '👶'),
        CategoryItem(title: '按功效', icon: '', emoji: '💐'),
        CategoryItem(title: '按食材', icon: '', emoji: '🥕'),
        CategoryItem(title: '热门推荐', icon: '', emoji: '🔥'),

效果如下

相关推荐
QT 小鲜肉13 分钟前
【Linux命令大全】001.文件管理之mc命令(实操篇)
linux·运维·服务器·前端·笔记
ttod_qzstudio18 分钟前
备忘录之事件监听器绑定陷阱:为什么 .bind(this) 会移除失败?
javascript·typescript·内存泄漏·事件监听
土豆_potato20 分钟前
AI深度思考到底开不开
前端·aigc
ohyeah21 分钟前
React 中的跨层级通信:使用 Context 实现主题切换功能
前端·react.js
winfredzhang1 小时前
打造专属桌面时钟:纯HTML实现的全功能动态时钟
前端·html·农历·生肖·周次
哥本哈士奇1 小时前
使用Gradio构建AI前端 - RAG的QA模块
前端·人工智能·状态模式
扶我起来还能学_1 小时前
Vue3 proxy 数据响应式的简单实现
前端·javascript·vue
Dragon Wu1 小时前
前端项目架构 项目格式化规范篇
前端·javascript·react.js·前端框架
QQ 31316378901 小时前
文华财经软件指标公式期货买卖信号提示软件
java·前端·javascript
狂龙骄子1 小时前
svg实现蚂蚁线动画
javascript·蚂蚁线动画·蚂蚁线·虚线动画