一个防止字体回退到系统默认字体的空白字体,可以让未匹配字型呈空白显示。
是个看起来很简单、但困扰我好长时间没解决的问题,把之前脑补的方案实现了下~
覆盖了常用中日韩英数字符号,遇到未匹配字符欢迎反馈 #1
顺便如果有什么更理想的方案能达到类似效果求推荐😭
安装
npm i blank-font
import 'blank-font'
或
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/blank.font.css">
使用
.have-font-el{
font-family: '某个字型不全的自定义字体名', blank;
}
使用例
https://lab.magiconch.com/eva-title/