FontSmaller:字体子集化工具

FontSmaller字体子集化工具是真的好用。近几个月小哲我做了几款网站主题,在logo这个点上遇到的一个问题就是如果使用图片作为网站logo,可能对SEO有一定的影响,虽然...

FontSmaller字体子集化工具是真的好用。近几个月本站我做了几款网站主题,在logo这个点上遇到的一个问题就是如果使用图片作为网站logo,可能对SEO有一定的影响,虽然影响不大,但图片在缩放不是100%的屏幕上显示会模糊,甚至手机和电脑很难共用一张图片,因为涉及缩放问题就会出现模糊的情况,如果不是强迫症还能接受,但只要有缩放就绝对没原比例显示效果好

所以本站我做的这几款主题都采用了logo+网站名称的设计,对文字的缩放处理,现在的系统都能做到无损显示,所以文字的清晰度是很高的,但这就又涉及到了一个问题,文字如果不改变字体,用系统默认的字体会比较丑,很难树立品牌化形象,所以本站我就用了自定义的字体,但问题又来了,一个字体文件如果完善的话,都是几兆甚至十几二十兆,这就严重拖慢了网站的加载速度,甚至本站我有的网站用的是最低配的服务器,才1M的带宽,加载一个5兆的字体文件理论上得40秒,实际时间得40多秒,这完全就是扯淡嘛,这时候字体子集化工具就起作用了

我们知道一个字体文件里面不仅有26个英文字母的样式,还有10个数字样式,更多的是汉字样式,因为我们汉字跟英文是不同的构造,英文是26个字母组合,但每个汉字都要做一个样式,这里面大部分的样式是用不到的,所以我们只要提取出需要用到的字体就行了,比如我只用【本站博客】这4个字,我只需要把这四个字的样式提取出来就行,完全没必要加载其他的字体样式,在网上找了好几款工具之后,发现FontSmaller是比较好用的

FontSmaller打开后直接加载字体文件,然后输入你要用的字体段落,就可以输出新的字体文件,而且会自动打开一个HTML让你预览,如果你不会自定义字体的使用,还可以右键查看这个HTML网页的源码,其实就是在教你如何自定义字体

最后有一个小细节问题,如果FontSmaller打开的HTML网页没有字体效果,那么就是字体文件本身不规范,这也是我做了大量测试之后发现的,换成其他的子集化工具可能会提示错误,但FontSmaller不提示错误,所以只能通过打开的网页文件是否有效果来判断,大公司的字体一般都没问题

FontSmaller官网:https://fontsmaller.github.io

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索