设计师再也不敢说我们程序员做的界面丑了

[forsigner]

标题党了来了，哈哈

有时候，我们想给网站的 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 字体)

漂亮的免费字体下载：
http://www.sentyfont.com/download.htm

[likezun]

支持 ie6 吗？

[forsigner]

@likezun 支持的

图片来之 font-spider

[aivier]

Adobe Typekit

根据网页内容从服务器上获取对应的只包含网页内字符的字体

[jasperchou]

字体总算不是一块大石头了。。。。

[sobigfish]

但关键是用那么多个性的字体的同时有授权么 －。－

[finab]

👍！以前贼羡慕英文能随意的使用各种字体。

[aksoft]

还是丑。。。

[aksoft]

不过可以。。我喜欢

[IOfeng]

66666

[allenhu]

标题党

[iTakeo]

字体没有版权的用不了

[forsigner]

@allenhu 你对了

[forsigner]

@aivier 有免费，这个不错： http://www.sentyfont.com/download.htm

[magicolor]

嗯 …… 还是丑 …… 布局还是不太讲究

[forsigner]

@sobigfish 不商用的没事的吧...

[tabris17]

能否打乱字体和编码的对应顺序？这样就可以做一个字体加密了

[realpg]

@forsigner 谁告诉你不商用就免费的……

[wawehi]

字体上传了，下载按钮在哪儿啊？

[rubyvector]

挺好的东西

[auzeonfung]

http://www.justfont.com

[arens]

之前用过阿里的 iconfont 的一个插件，和你的是一个意思，只包你想要特殊处理字体的字库，但这样只能用作个别地方吧，可以全文都用字库吗？

[swen]

有一款插件叫 font-spider 蛮好用~可惜现在没更新了~

[forsigner]

@realpg 我错了...

[m939594960]

http://www.youziku.com/ 支持所有浏览器啊

[songkaiape]

页面做的很好看，另外问下，前端开发一般用哪些开发工具？

[bfl008]

不丑，是丑爆了。

[zzutmebwd]

http://www.youziku.com/ 很多年前就有这个了吧

[plqws]

什么时候设计丑不丑和字体有那么大关系了？幽灵按钮配合草书字体真的是丑出 GN-Z11 星系

[forsigner]

@wawehi 是因为我 Nginx 忘记设置 client_max_body_size ，爆上传文件过大，现在可以了再试试，谢谢提醒哈，

[Justineo]

新蒂那些字体里有些免费下载的也有需要付费使用的。

[forsigner]

@bfl008 瞎说什么大实话~

[Justineo]

@swen 字蛛底层用的就是 fontmin 。

[zwpaper]

看到下面那个主题就感觉肯定是 lz ，拉上去一看果然是。

真是合口味 XD

[TangMonk]

好看！

[forsigner]

@finab 现在还得羡慕

[lwbjing]

赖斯... 之前自己拼的太累...

[forsigner]

@aksoft 丑的可以接受 haha~

[forsigner]

@tabris17 不知道字体加密有什么用

[dilidili]

有木有去看过腾讯的字蛛？

[xcc3641]

又出精品 赞！

[forsigner]

@songkaiape 看看 npmjs.org 流行什么就对了

[xcc3641]

手机下 好像格式出问题了

[v1024]

那么，你这个轮子有什么优势？

http://font-spider.org/

[sciooga]

我一般直接用 Fontmin 的客户端 http://ecomfe.github.io/fontmin/
特别需要单独编辑字体的时候百度还有一个轮子 http://font.baidu.com/editor/

当然，楼主干得漂亮

[forsigner]

@dilidili 字蛛也是提取字体，提取 html 文件中出现过的字体，但是网页内容一般是动态输出内容，字蛛局限太大，还不如直接用 Fontmin 来得快和方便

[forsigner]

@v1024 font-spider 只是对 fontmin 的基础上加了一点功能，作用是提取文件中出现过的文字，用 gulp-fontmin 可以非常容易是完成 font-spider 的功能的，我只是写了一个 fontmin 在线版工具而已。

[hqs123]

好文艺感觉(*^__^*)

[laosb]

标题党。一个字体不能决定设计。

[LeoDev]

兄台我极其想盗用你的首页（ http://fontmin.forsigner.com/） 😳

[forsigner]

@LeoDev 可以啊

[forsigner]

@laosb 对的 但是标题党下也有干货的

[forsigner]

@hqs123 活捉一个文艺女程序媛

[forsigner]

@sciooga 百度那个功能强大复杂，适合发烧友玩家

[xiaobubobo]

动手能力不错，但是乱用字体还是丑，好的设计师没那么多花里胡哨的字体。

[fhefh]

nice~~ mark

[wweir]

最讨厌这些作死的乱用字体。阅读就是阅读，我在认认真真的阅读，结果你来个漫画体之类的。还有一些强制宋体的网页更是恶心，导致我现在电脑都是不装宋体

[evannan]

丑不丑是审美问题，不然再好的素材都能用成 X... 哈哈~

[tabris17]

@forsigner 防审查

[LeoDev]

@forsigner
谢谢哈~

[forsigner]

@wweir 别激动~ 乱用字体大家都讨厌啊，我帖子里说了，主要应用场景在 Logo 、 Slogan 、标题等地方

[chousb]

果然很漂亮

[forsigner]

@tabris17 这个应该不行，每个文字对应唯一 Unicode

[forsigner]

@evannan 对的，一般来说设计师的什么决定了他的设计功力

[forsigner]

@xcc3641 这个工具在手机没法用的，就懒得兼容了

[tabris17]

@forsigner 是唯一的，只是映射顺序打乱

[unboy]

恩，这个很棒！

[litianyou]

难道你们不知道有一个网站叫做“有字库”吗？
貌似这个是国内第一个

[forsigner]

@jasperchou 形象生动

[forsigner]

@zwpaper 其实我做 web-fontmin 就是为了让 fexo 主题使用者可以方便的修改博客名称字体，默认中文字体太难看了

[toono]

很棒

[forsigner]

@tabris17 这会导致字体错乱吧，明明是这个字却显示为其他字

[sneezry]

中文字体真没几个是开源的，所以一直不敢随便用 Orz

[forsigner]

@sneezry 这个确实蛋疼

[livia313]

第一张图好好看

[Lattez]

好用！赞一个

[tabris17]

@forsigner 要的就是这个目的。虽然说对 SEO 不友好，但是可以防拷贝和防审查

[forsigner]

@livia313 也就是说第二张不好看...

[forsigner]

@Lattez thx~

[forsigner]

@tabris17 百度的 fontEditor 应该可以做到这个，楼上有人提到

[Mavious]

方正晶黑，采取笔画拼接技术的黑体，体积狠小狠小哦。

[ningcool]

网站打不开了？