任鸟飞网站设计博客

通过CSS3新增属性Font-face， 网页设计师可以使用任何喜欢的字体，只需要将字体上传到服务器上，从而避免使用图片代替。

支持CSS3 @font-face属性的浏览器有：Safari，Firefox，Chrome，Opera

预览：利用CSS3 [font-face]自定义网站字体

使用方法：

@font-face {font-family: 字体名称; src: url('字体路径');}

CSS代码：

@font-face {font-family: aller-display; src: url('aller-display.ttf');}
div {font-family: aller-display; font-size: 2em;}  

HTML代码：

<div>this is a custom font named aller display</div> 

下载：利用CSS3 [font-face]自定义网站字体