当前位置:首 页>> 百 宝 箱

CSS:@font-face定义使用网络字体 微信扫一扫
分享给朋友

  折腾网页的人,基本上都会遇到一个头疼的问题,那就是中文字体,你要是想个漂亮的中文字体显示汉字,那你得把文字弄成图片,然后放到网页上去。没办法啊,中文字体太大,你自己电脑上有这种字体,只有你本机浏览网页时可以正确显示这个字体,否则别人看到的就是浏览器用默认字体代替了,默认字体那最普遍的就是宋体了。这几年还好,Vista和Win7系统自带的微软雅黑字体也算不错,算是可以在网页上使用的中文字体了。当然,如果你还是用Vista之前的操作系统,如果未单独安装微软雅黑字体,也一样无法看到,还是照旧宋体显示。所以汉字折腾成图片这事,估计咱国的搞网页制作的,没有一个不头疼的,具体头疼什么?业内人士的话,哥不说,你懂的。
  中文字体不行,那英文相对就好办多了,操作系统里本身带了很多的不错的英文字体,都可以在网页上使用。但是如果你自己发现了系统之外的,觉得很不错的英文字体要用在网页上,咋办呢?那就搞成网络字体,随制作好的网页一并传到你的网站上去,这样,浏览网页的时候,就自动把这字体下载了,同时也能正确的按照你指定的字体,显示页面上的英文文字。好了,下面就说说怎么整:

  首先你的把你要用的英文字体找回来,TTF[TureType Font]和OTF[OpenType Font]的都行,然后得转换一下格式,搞成eot的,这是给IE浏览器用的,TTF的直接非IE浏览器就能用,比如Chrome、Firefox、Opera、Safari(PC)。

在线转换:
http://www.fontsquirrel.com/fontface/generator

TTF2EOT的命令行:
http://code.google.com/p/ttf2eot/downloads/list

英文字体示例:

Museo fonts,It's wonderful!

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890@#$%&?

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。