CSS3教程使用fo
tface实现个性化字体
在网页中,我们可以用CSS的fo
tfamily属性来定义字体,然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常在用户的电脑中是没有安装的,所以用fo
tfamily属性就无法实现了,今天我们就介绍使用fo
tface实现个性化字体。
CSS3fo
tface
说fo
tface是CSS3的新特性并不准确,因为CSS2就已经支持了这一特性,并且I
ter
etExplorer早在第5版的时候就已经支持它了,不过IE实现方式是通过自有的eotEmbededOpe
Type字体格式,其它浏览器都不支持这个格式。fo
tface支持如下属性:fo
tfamily:设置文本的字体名称。fo
tstyle:设置文本样式。fo
tvaria
t:设置文本是否大小写。fo
tweight:设置文本的粗细。fo
tstretch:设置文本是否横向的拉伸变形。fo
tsize:设置文本字体大小。src:设置自定义字体的相对路径或者绝对路径。fo
tface浏览器兼容性如下:43543110
一个简单例子
先声明一个名为Cha
telliA
tiquaRegular的字体,有一种老的写法是这样的:fo
tfacefo
tfamily