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

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 字体)

12205 次点击
所在节点    程序员
81 条回复
arens
2016-03-11 13:13:14 +08:00
之前用过阿里的 iconfont 的一个插件,和你的是一个意思,只包你想要特殊处理字体的字库,但这样只能用作个别地方吧,可以全文都用字库吗?
swen
2016-03-11 13:28:27 +08:00
有一款插件叫 font-spider 蛮好用~可惜现在没更新了~
forsigner
2016-03-11 14:06:14 +08:00
@realpg 我错了...
m939594960
2016-03-11 14:14:19 +08:00
http://www.youziku.com/ 支持所有浏览器啊
songkaiape
2016-03-11 14:15:57 +08:00
页面做的很好看,另外问下,前端开发一般用哪些开发工具?
bfl008
2016-03-11 14:17:34 +08:00
不丑,是丑爆了。
zzutmebwd
2016-03-11 14:19:09 +08:00
http://www.youziku.com/ 很多年前就有这个了吧
plqws
2016-03-11 14:19:42 +08:00
什么时候设计丑不丑和字体有那么大关系了?幽灵按钮配合草书字体真的是丑出 GN-Z11 星系
forsigner
2016-03-11 14:20:21 +08:00
@wawehi 是因为我 Nginx 忘记设置 client_max_body_size ,爆上传文件过大,现在可以了再试试,谢谢提醒哈,
Justineo
2016-03-11 14:21:38 +08:00
新蒂那些字体里有些免费下载的也有需要付费使用的。
forsigner
2016-03-11 14:22:18 +08:00
@bfl008 瞎说什么大实话~
Justineo
2016-03-11 14:23:49 +08:00
@swen 字蛛底层用的就是 fontmin 。
zwpaper
2016-03-11 14:40:01 +08:00
看到下面那个主题就感觉肯定是 lz ,拉上去一看果然是。

真是合口味 XD
TangMonk
2016-03-11 14:48:13 +08:00
好看!
forsigner
2016-03-11 15:00:17 +08:00
@finab 现在还得羡慕
lwbjing
2016-03-11 15:00:18 +08:00
赖斯... 之前自己拼的太累...
forsigner
2016-03-11 15:00:53 +08:00
@aksoft 丑的可以接受 haha~
forsigner
2016-03-11 15:01:26 +08:00
@tabris17 不知道字体加密有什么用
dilidili
2016-03-11 15:02:21 +08:00
有木有去看过腾讯的字蛛?
xcc3641
2016-03-11 15:02:21 +08:00
又出精品 赞!

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

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

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

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

© 2021 V2EX