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

背景

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

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

解决

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

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

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

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

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

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

字体图标的使用

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

效果如下

相关推荐
油丶酸萝卜别吃1 小时前
utils.js 说明文档
开发语言·javascript·ecmascript
zyplayer-doc3 小时前
VuePress类静态文档站和动态知识库怎么选:两种技术路线的适用场景
javascript·人工智能·后端·安全·智能手机
紫禁玄科5 小时前
Shai-Hulud:npm生态的自我复制蠕虫风暴
前端·npm·node.js
东风破_5 小时前
后端API没写好,前端难道干等着吗?
前端
用户938515635075 小时前
从前后端分离到前端接口工程:React + MockJS + Vite 解析
前端·后端·全栈
用户938515635075 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformers.js 全链路实战(三)
前端·react.js·typescript
excel6 小时前
当前端行情变差,我们为什么还要坚持?
前端
鸿是江边鸟,曾是心上人6 小时前
快速搭建HTTPS本地开发环境
前端
To_OC7 小时前
写了 5 个表单 Demo 后,我终于彻底搞懂了 React 受控与非受控组件
前端·react.js·前端框架
Sterting7 小时前
第9课 Vue Router 路由
前端·vue.js