😶「防回退空白字体」a prevent fallback blank font
wsph123 · itorr · 2022-11-28 18:34:32 +08:00 · 2215 次点击这是一个创建于 760 天前的主题，其中的信息可能已经有所发展或是发生改变。
一个防止字体回退到系统默认字体的空白字体，可以让未匹配字型呈空白显示。
是个看起来很简单、但困扰我好长时间没解决的问题，把之前脑补的方案实现了下~
覆盖了常用中日韩英数字符号，遇到未匹配字符欢迎反馈 #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/
GitHub
 |
2
i0error 2022-11-28 20:55:22 +08:00
噢我误会了。get
|
 |
3
wsph123 OP @i0error 对的，font-display 只会影响加载期间的字体现实行为，我希望设定的是在加载完成之后展示期间的行为。
Adobe 其实也有 block font 和 not default 项目，但是一个空白字不占宽度、一个会显示成 X 方框，不符合我的需求。 于是最后只能自己做了，我的这个给中文字体定义了大体正确的宽度（虽然是空白字体🤧 |
 |
4
byzod 2022-11-28 23:13:50 +08:00
|
Select Language