标题党了来了,哈哈
有时候,我们想给网站的 Logo 、 Slogan 、标题、活动页等的中文自定义字体,我们可以使用 @font-face 引入 Web 字体,但是完整的中文字体库都是 8M 10M 吓死人。
百度的 Fontmin,解决了提取部分字体的问题,他可以在 10M 的字体文件提取文字,然后把文件变成几 KB 。
我们可以通过 Fontmin cli 或者 [Fontmin App],但是必须写脚本或者要安装,不是很方便。
我基于 Fontmin 写了 Web App ,叫 Web-Fontmin,可以方便地提取字体,然后下载对应的 Web font 和 Style ,欢迎吐槽建议 Star 。
Github: Web-Fontmin -- 字体子集化,在线提取你需要的字体。
Preview: http://fontmin.forsigner.com/
Screenshot:
典型应用场景: (如自定义 blog 的 title 字体)
1 likezun 2016-03-11 11:21:47 +08:00 支持 ie6 吗? |
3 aivier 2016-03-11 11:27:37 +08:00 Adobe Typekit 根据网页内容从服务器上获取对应的只包含网页内字符的字体 |
![]() | 4 jasperchou 2016-03-11 11:29:27 +08:00 字体总算不是一块大石头了。。。。 |
![]() | 5 run2 2016-03-11 11:43:26 +08:00 但关键是用那么多个性的字体的同时有授权么 -。- |
![]() | 6 finab 2016-03-11 11:45:09 +08:00 !以前贼羡慕英文能随意的使用各种字体。 |
7 aksoft 2016-03-11 11:45:15 +08:00 ![]() 还是丑。。。 |
8 aksoft 2016-03-11 11:46:19 +08:00 不过可以。。我喜欢 |
9 IOfeng 2016-03-11 11:48:55 +08:00 66666 |
![]() | 10 allenhu 2016-03-11 11:50:13 +08:00 via Android 标题党 |
![]() | 11 iTakeo 2016-03-11 11:56:43 +08:00 via iPhone 字体没有版权的用不了 |
![]() | 13 forsigner OP @aivier 有免费,这个不错: http://www.sentyfont.com/download.htm |
![]() | 14 magicolor 2016-03-11 12:08:07 +08:00 嗯 …… 还是丑 …… 布局还是不太讲究 |
![]() | 16 tabris17 2016-03-11 12:11:41 +08:00 能否打乱字体和编码的对应顺序?这样就可以做一个字体加密了 |
![]() | 18 wawehi 2016-03-11 12:29:34 +08:00 字体上传了,下载按钮在哪儿啊? |
![]() | 19 rubyvector 2016-03-11 12:42:32 +08:00 挺好的东西 |
![]() | 20 auzeonfung 2016-03-11 12:54:02 +08:00 |
![]() | 21 arens 2016-03-11 13:13:14 +08:00 之前用过阿里的 iconfont 的一个插件,和你的是一个意思,只包你想要特殊处理字体的字库,但这样只能用作个别地方吧,可以全文都用字库吗? |
![]() | 22 swen 2016-03-11 13:28:27 +08:00 有一款插件叫 font-spider 蛮好用~可惜现在没更新了~ |
![]() | 24 m939594960 2016-03-11 14:14:19 +08:00 http://www.youziku.com/ 支持所有浏览器啊 |
![]() | 25 songkaiape 2016-03-11 14:15:57 +08:00 页面做的很好看,另外问下,前端开发一般用哪些开发工具? |
26 bfl008 2016-03-11 14:17:34 +08:00 不丑,是丑爆了。 |
![]() | 27 zzutmebwd 2016-03-11 14:19:09 +08:00 http://www.youziku.com/ 很多年前就有这个了吧 |
![]() | 28 plqws 2016-03-11 14:19:42 +08:00 什么时候设计丑不丑和字体有那么大关系了?幽灵按钮配合草书字体真的是丑出 GN-Z11 星系 |
![]() | 29 forsigner OP @wawehi 是因为我 Nginx 忘记设置 client_max_body_size ,爆上传文件过大,现在可以了再试试,谢谢提醒哈, |
![]() | 30 Justineo 2016-03-11 14:21:38 +08:00 新蒂那些字体里有些免费下载的也有需要付费使用的。 |
![]() | 33 ikw 2016-03-11 14:40:01 +08:00 看到下面那个主题就感觉肯定是 lz ,拉上去一看果然是。 真是合口味 XD |
![]() | 34 TangMonk 2016-03-11 14:48:13 +08:00 好看! |
![]() | 36 lwbjing 2016-03-11 15:00:18 +08:00 赖斯... 之前自己拼的太累... |
39 dilidili 2016-03-11 15:02:21 +08:00 有木有去看过腾讯的字蛛? |
![]() | 40 xcc3641 2016-03-11 15:02:21 +08:00 又出精品 赞! |
![]() | 41 forsigner OP @songkaiape 看看 npmjs.org 流行什么就对了 |
![]() | 42 xcc3641 2016-03-11 15:03:24 +08:00 手机下 好像格式出问题了 |
43 v1024 2016-03-11 15:07:48 +08:00 |
![]() | 44 sciooga 2016-03-11 15:23:07 +08:00 我一般直接用 Fontmin 的客户端 http://ecomfe.github.io/fontmin/ 特别需要单独编辑字体的时候百度还有一个轮子 http://font.baidu.com/editor/ 当然,楼主干得漂亮 |
![]() | 45 forsigner OP @dilidili 字蛛也是提取字体,提取 html 文件中出现过的字体,但是网页内容一般是动态输出内容,字蛛局限太大,还不如直接用 Fontmin 来得快和方便 |
![]() | 46 forsigner OP @v1024 font-spider 只是对 fontmin 的基础上加了一点功能,作用是提取文件中出现过的文字,用 gulp-fontmin 可以非常容易是完成 font-spider 的功能的,我只是写了一个 fontmin 在线版工具而已。 |
![]() | 47 hqs123 2016-03-11 15:59:17 +08:00 好文艺感觉(*^__^*) |
48 laosb 2016-03-11 16:19:12 +08:00 标题党。一个字体不能决定设计。 |
![]() | 49 LeoDev 2016-03-11 16:40:27 +08:00 兄台我极其想盗用你的首页( http://fontmin.forsigner.com/) |
![]() | 54 xiaobubobo 2016-03-11 16:56:27 +08:00 动手能力不错,但是乱用字体还是丑,好的设计师没那么多花里胡哨的字体。 |
![]() | 55 fhefh 2016-03-11 17:08:32 +08:00 nice~~ mark |
![]() | 56 wweir 2016-03-11 17:26:23 +08:00 最讨厌这些作死的乱用字体。阅读就是阅读,我在认认真真的阅读,结果你来个漫画体之类的。还有一些强制宋体的网页更是恶心,导致我现在电脑都是不装宋体 |
![]() | 57 evannan 2016-03-11 17:29:18 +08:00 ![]() 丑不丑是审美问题,不然再好的素材都能用成 X... 哈哈~ |
![]() | 60 forsigner OP @wweir 别激动~ 乱用字体大家都讨厌啊,我帖子里说了,主要应用场景在 Logo 、 Slogan 、标题等地方 |
![]() | 61 chousb 2016-03-11 17:43:34 +08:00 果然很漂亮 |
66 unboy 2016-03-11 19:34:52 +08:00 恩,这个很棒! |
![]() | 67 litianyou 2016-03-11 20:50:15 +08:00 难道你们不知道有一个网站叫做“有字库”吗? 貌似这个是国内第一个 |
![]() | 68 forsigner OP @jasperchou 形象生动 |
![]() | 69 forsigner OP @zwpaper 其实我做 web-fontmin 就是为了让 fexo 主题使用者可以方便的修改博客名称字体,默认中文字体太难看了 |
![]() | 70 toono 2016-03-11 22:24:11 +08:00 很棒 |
![]() | 72 sneezry 2016-03-11 23:15:59 +08:00 中文字体真没几个是开源的,所以一直不敢随便用 Orz |
![]() | 74 livia313 2016-03-12 09:53:45 +08:00 第一张图好好看 |
![]() | 75 Lattez 2016-03-12 10:43:59 +08:00 好用!赞一个 |
![]() | 80 Mavious 2016-03-17 06:26:44 +08:00 via Android 方正晶黑,采取笔画拼接技术的黑体,体积狠小狠小哦。 |
![]() | 81 ningcool 2018-09-05 10:12:31 +08:00 网站打不开了? |