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

2016-03-11 11:09:30 +08:00
 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 字体)

12221 次点击
所在节点    程序员
81 条回复
forsigner
2016-03-11 15:02:44 +08:00
@songkaiape 看看 npmjs.org 流行什么就对了
xcc3641
2016-03-11 15:03:24 +08:00
手机下 好像格式出问题了
v1024
2016-03-11 15:07:48 +08:00
那么,你这个轮子有什么优势?

http://font-spider.org/
sciooga
2016-03-11 15:23:07 +08:00
我一般直接用 Fontmin 的客户端 http://ecomfe.github.io/fontmin/
特别需要单独编辑字体的时候百度还有一个轮子 http://font.baidu.com/editor/

当然,楼主干得漂亮
forsigner
2016-03-11 15:54:19 +08:00
@dilidili 字蛛也是提取字体,提取 html 文件中出现过的字体,但是网页内容一般是动态输出内容,字蛛局限太大,还不如直接用 Fontmin 来得快和方便
forsigner
2016-03-11 15:57:01 +08:00
@v1024 font-spider 只是对 fontmin 的基础上加了一点功能,作用是提取文件中出现过的文字,用 gulp-fontmin 可以非常容易是完成 font-spider 的功能的,我只是写了一个 fontmin 在线版工具而已。
hqs123
2016-03-11 15:59:17 +08:00
好文艺感觉(*^__^*)
laosb
2016-03-11 16:19:12 +08:00
标题党。一个字体不能决定设计。
LeoDev
2016-03-11 16:40:27 +08:00
兄台我极其想盗用你的首页( http://fontmin.forsigner.com/) 😳
forsigner
2016-03-11 16:53:11 +08:00
@LeoDev 可以啊
forsigner
2016-03-11 16:54:01 +08:00
@laosb 对的 但是标题党下也有干货的
forsigner
2016-03-11 16:55:08 +08:00
@hqs123 活捉一个文艺女程序媛
forsigner
2016-03-11 16:55:57 +08:00
@sciooga 百度那个功能强大复杂,适合发烧友玩家
xiaobubobo
2016-03-11 16:56:27 +08:00
动手能力不错,但是乱用字体还是丑,好的设计师没那么多花里胡哨的字体。
fhefh
2016-03-11 17:08:32 +08:00
nice~~ mark
wweir
2016-03-11 17:26:23 +08:00
最讨厌这些作死的乱用字体。阅读就是阅读,我在认认真真的阅读,结果你来个漫画体之类的。还有一些强制宋体的网页更是恶心,导致我现在电脑都是不装宋体
evannan
2016-03-11 17:29:18 +08:00
丑不丑是审美问题,不然再好的素材都能用成 X... 哈哈~
tabris17
2016-03-11 17:35:09 +08:00
@forsigner 防审查
LeoDev
2016-03-11 17:36:50 +08:00
@forsigner
谢谢哈~
forsigner
2016-03-11 17:39:50 +08:00
@wweir 别激动~ 乱用字体大家都讨厌啊,我帖子里说了,主要应用场景在 Logo 、 Slogan 、标题等地方

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/262725

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX