文件名称：invisible-ink:逐渐加载网络字体
文件大小：1.58MB
文件格式：ZIP
更新时间：2024-05-24 07:11:29
where-did-you-go ah-there-you-are come-back-here stop-twitching ok-where-was-i
隐形墨水 逐渐加载网络字体。 应用 创建后备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
【文件预览】：
invisible-ink-main
----.gitignore(2KB)
----README.md(3KB)
----utils()
--------throttled-web-server.js(2KB)
--------rebuild-examples.js(12KB)
----bin()
--------invisible-ink.js(3KB)
----.github()
--------workflows()
----test()
--------lib.regression.test.js(19KB)
--------lib.unit.test.js(3KB)
--------cli.integration.test.js(0B)
--------images()
----LICENSE(7KB)
----package.json(1KB)
----example()
--------first-paragraph.txt(135B)
--------example-gradual.html(42KB)
--------fonts()
--------example-solid.html(26KB)
--------example-hollow.html(20KB)
--------images()
--------index.html(3KB)
--------example-conventional.html(8KB)
----.npmignore(35B)
----Makefile(486B)
----lib()
--------index.js(6KB)
----assets()
--------screencast.gif(935KB)
----package-lock.json(47KB)