最近一直在用Figma,发现一个很奇怪的问题,估计很多小伙伴也遇到过...




figma的resizing面板在哪设置_插件库


中文吃吃吃吃字

那就是中文吃字问题,明明用Figma打了一大段完整文字,却不能完整显示(如下图),开始不知该怎么解决...


figma的resizing面板在哪设置_插件库_02


最后,研究了一下终于知道是为什么了,那些不显示的文字,是因为我们在段落中用了空格,中文逗号,顿号等等~

其实最重要的原因是,我们用了英文字体(Roboto)打中文字了(如下图),目前Figma是不兼容用英文字体打中文字的,所以会有吃字现象。


figma的resizing面板在哪设置_中文字体_03


如果我们把字体改为中文字体,就不会有这个问题啦。(我这里改的是PingFang SC,也就是苹方中文字体)。


figma的resizing面板在哪设置_中文字体_04


但是,在选择字体的时候我们又遇到另一个难题,那么多字体该如何选择?


figma的resizing面板在哪设置_选择器_05


下面就推荐一个Figma插件,帮我们快速选择文字:中文字体选择器。

安装地址:

https://www.figma.com/community/plugin/851126455550003999/Chinese-Font-Picker


figma的resizing面板在哪设置_10中文显示都是问号_06


点击安装后,就会在安装在我们的Figma插件库里。


figma的resizing面板在哪设置_中文字体_07


然后我们来试一下吧?在画布里输入一段文字,选中文字后,点击插件(Plugins) > Chiense Font Picker就可以选择我们电脑里所安装过的中文字体啦。


figma的resizing面板在哪设置_选择器_08


这里需要注意的一点就是只能选择你电脑里安装过的中文字体,有的小伙伴是新电脑没有安装过中文字体的话需要提前安装中文字体哦。

推荐几个APP常用的中文字体:苹方(PingFang SC),OPPO Sans,思源黑体都没有问题。


figma的resizing面板在哪设置_中文字体_09


figma的resizing面板在哪设置_选择器_10


figma的resizing面板在哪设置_插件库_11


高效君准备了一套免费的中文字体,领取:

Figma中文吃字的问题,这次真的解决了~

(这次是人工手动发送,回复会有些慢,因为不知道为什么每次分享的字体下载链接时间长了就会失效,回复后等待一会儿我收到信息就会立刻发送下载链接的),感谢关注啦!