网页中嵌入非系统标准字体

曾建凯 发布于 2011/05/05 08:23
阅读 482
收藏 3

呃,这个技术也不是今天才出现了,不过具体做起来还是有很多差异性的问题,实现的难点在于字体文件跨浏览器的生成,该死IE又一次让不同,标准浏览器都支持TTF,但是IE只支持EOT。

下面推荐一个网站,可以根据字体生成相应的TTF和EOT格式,并且还支持生成SVG,这个SVG的用途,十分好,尤其在HTML的画布上面,具体就不说了,自己玩吧!

http://www.fontsquirrel.com/fontface/generator

生成以后会是一个压缩包,里面包括生成的字体和调用的CSS,还有演示的页面,十分详尽了,我就不多介绍了,上个截图:

字体上传和生成选项

生成的压缩包本地情况

预览加载该字体的demo Page

中文字体这个就别想了,找别的工具吧!因为公司的业务有国外的项目,所以用得上。

加载中
0
曾建凯
曾建凯

引用来自#2楼“喵了个咪”的帖子

http://www.google.com/webfonts

还有google web fonts

这个东东有没有本地字体工具?之前也见别人演示过,不过好像没招到可生成指定字体的。

googld code还有个这样的项目:http://code.google.com/p/ttf2eot/wiki/Demo

不过我测试过otf格式字体生成eot格式有误,所以另外找了别的工具。

0
曾建凯
曾建凯

哦,我招到了可以submit a font,不过貌似不是立刻得到结果的。。。。

0
曾建凯
曾建凯

Google Font API有几个问题:

1、他提供的字库不多,一般设计挑中用的字体,恐怕都不是一般能适合的。

2、submit不是立刻得到结果。

不过他倒是把google自己的几个开源字体提供了,Font API恐怕是为他的某些服务和应用做的一个API

0
曾建凯
曾建凯

截个图,做一下对比好了。这是这个工具的。

Google的那个提交页面在这里:

https://services.google.com/fb/forms/submitafont/

返回顶部
顶部