字体生成器 - 用CSS美化中文网站 - 裁剪TTF生成WOFF


在线演示:

http://107.170.255.64:3000/
11021957_S2JY.jpg

1 输入纯文本文件, 包含网站所需文字(越少越好)
2 输入TTF文件
上传后,后台根据需要文字从TTF文件中抽取自动生成woff文件:
11021957_W3Ef.jpg

下载文件名为download,请自行改名xxx.woff后置于CSS文件中:
@font-face
{
font-family: myFirstFont;
src: url('xxx.woff');
}

div
{
font-family:myFirstFont;
}


效果图:
11021957_d343.jpg

以上所需woff文件为160KB

022151_SPnX_750760.png

022153_FlZf_750760.png



详细说明与源码:

https://github.com/nobodxbodon/Web-Fonts-Generator-Service

https://code.csdn.net/wuxuanecios/web-fonts-generator-service


转载于:https://my.oschina.net/u/750760/blog/263097

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值