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

背景

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

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

解决

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

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

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

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

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

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

字体图标的使用

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

效果如下

相关推荐
可问春风_ren15 分钟前
前端文件上传详细解析
前端·ecmascript·reactjs·js
羊小猪~~1 小时前
【QT】--文件操作
前端·数据库·c++·后端·qt·qt6.3
晚风资源组2 小时前
CSS文字和图片在容器内垂直居中的简单方法
前端·css·css3
Miketutu2 小时前
Flutter学习 - 组件通信与网络请求Dio
开发语言·前端·javascript
摘星编程2 小时前
React Native for OpenHarmony 实战:Swiper 滑动组件详解
javascript·react native·react.js
鸣弦artha3 小时前
Flutter框架跨平台鸿蒙开发——Build流程深度解析
开发语言·javascript·flutter
光影少年4 小时前
前端如何调用gpu渲染,提升gpu渲染
前端·aigc·web·ai编程
Surplusx5 小时前
运用VS Code前端开发工具完成网页头部导航栏
前端·html
小宇的天下5 小时前
Calibre 3Dstack --每日一个命令day13【enclosure】(3-13)
服务器·前端·数据库
LongJ_Sir5 小时前
Cesium--可拖拽气泡弹窗(Vue3版)
javascript