invisible-ink:逐渐加载网络字体

隐形墨水 逐渐加载网络字体。 应用 创建后备Web字体，以防止内容在初始页面加载期间跳转。 这个想法是，使用占位符字体呈现的文本将保持隐藏状态，同时占用与使用原始Web字体时完全相同的空间，因此，一旦完成加载并使用新字体呈现文本，就不会移动单个像素。 这是对抗的纯HTML + CSS方法。 你自己看！ 在example目录中，您将找到一个基本演示。 不要直接打开index.html ，而是运行make demo然后打开 。 如何在您的系统上安装 npm i -g invisible-ink 如何在您的项目中使用 invisible-ink My-Font-Name.ttf > output.css 全部更改font-family : "My Font Name" , …; 在您的代码中font-family : "My Font Name" , "My Font Name Plac