0元购京东自营斐讯K2路由器返399元活动
置顶

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

作者:     目录: 小代码     发表: 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:

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注