windows 电脑解决 Figma 提示 PingFang font missing 问题

前言

之前一直使用mac电脑办公,设计师做的设计稿也是用mac做的,现在换成了window电脑,在修改设计稿的时候会提示font missing,使用社区中的组件也会提示这个问题。搜了下竟然没有讲的比较细致解决方案的文章,我来写一篇。

原因

一句话总结: 设计师一般都是用mac进行绘制的,PingFang SC是mac的系统字体,window电脑上自然没有,如果字体没发布到team中,其他成员电脑使用的是window或系统内没有这个字体,自然会显示字体丢失。

解决方案

1.下载figma官方的字体辅助工具: Figma Downloads | Web Design App for Desktops & Mobile

作用就是在使用figma web端的时候能引用到系统字体。

2.下载PingFang SC 字体

我在github上找到的资源: PingFang extracted in OTF for Windows

我们只需要下载 PingFangSC-Regular.otf 即可,表示PingFang SC 常规字体。

安装完成后就再也不会提示font missing啦~~~

相关推荐
Asort4 小时前
JavaScript设计模式(十九)——观察者模式 (Observer)
前端·javascript·设计模式
Sherry0074 小时前
【译】 CSS 布局算法揭秘:一次思维转变,让 CSS 从玄学到科学
前端·css
老前端的功夫4 小时前
虚拟列表:拯救你的万级数据表格
前端
colorFocus4 小时前
vue在页面退出前别忘记做好这些清理工作
前端·vue.js
星链引擎4 小时前
4sapi生成式 AI 驱动下的智能聊天机器人
前端
前端赵哈哈4 小时前
Git 本地仓库操作指南:将未提交文件复刻至新分支(无需关联远端)
前端·git·github
returnfalse4 小时前
🕹️ 让你的Vue项目也能支持虚拟摇杆!一个Canvas虚拟摇杆组件让你的游戏体验飙升
前端·vuex
成小白4 小时前
pinia的使用和封装
前端
星链引擎4 小时前
大模型4sapi智能聊天机器人 技术架构核心实现与行业赋能指南
前端