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

作者:     目录: PHP+MySQL     发表: 2010年03月30日

通过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]自定义网站字体

标签:

1 个评论

  1. 一米 says:

    找这个字体,找到这里了,嘿嘿。

Post Comment

Your email address will not be published. Required fields are marked *