当前位置: 首页 > 后端技术 > Node.js

网页字体裁剪工具

时间:2023-04-03 23:21:00 Node.js

网页字体裁剪工具是因为ui需要显示一些特定的字体,但是直接导入字体包太大,所以想到了裁剪字体。一开始想到用“Spider”但是针对的是静态网站,而且其实里面会有很多英文,所以估计直接把源码里面的文字都算进去了。后来找到了阿里的“webfont”,但是他的字体有限,而且项目不开源,所以写了这个来试试web字体在线站点。请注意,由于服务器较差,访问速度可能会很慢,并且由于服务器空间问题,我生成的资源会不定期被清除,所以请不要使用本站生成的在线资源。如有必要,您应该自行安排用途和功能。1.剪切字体包,使其只包含选定的字体。《万能借用法》体积自然很小2。另外,css可以生成直接复制可用,部署到公网后可以永久访问。比如@font-face{font-family:"QIJIC";src:url("http://127.0.0.1:3000/asset/font/1584680576469/灵动奇技转载font.eot");/\*IE9\*/src:url("http://127.0.0.1:3000/asset/font/1584680576469/灵动奇机转载body.eot?#iefix")format("embedded-opentype"),/\*IE6-IE8\*/url("http://127.0.0.1:3000/asset/font/1584680576469/凌冬琪转载body.woff")format("woff"),/\*chrome,firefox\*/url("http://127.0.0.1:3000/asset/font/1584680576469/Lingdongqijireplicabody.ttf")format("truetype"),/\*chrome,firefox,opera,Safari,Android,iOS4.2+\*/url("http://127.0.0.1:3000/asset/font/1584680576469/令东齐汁复制体.svg#QIJIC")format("svg");/\*iOS4.1-\*/font-style:normal;font-weight:normal;}3。将ttf字体包放在./src/font/目录下,自然不用重启服务就能检测到新的可用字体。图中显示每个返回的字体资源都可以立即访问可以下载。另外,您可以通过访问该目录下的asset.zip直接下载所有文件。生成的资源目录结构如下图所示。请注意,如果text参数为空,则仅支持.ttf.eot.woff.svg格式,如果为空,将返回整个字体包。写项目遇到的问题使用sveltehttps://github.com/DeMoorJasper/parcel-plugin-svelte通过这个插件使用parcel,报新错误。需要限制编译版本,在package.jsonbrowserslist字段限制版本,启动项目地址2234839/web-fontnpminpmrunbuildnpmrunstart默认访问地址为http://127.0.0.1:3000致谢fontminLicenseMIT?贪生