网页中引用字体

在写html时,有点时候需要显示一些特殊字体,不过这些特殊字体是系统一般不自带的,这时就需要我们自行加载要用的字体。方法如下:

1、首先在style里添加:

@font-face {
font-family: mFont;
src: url('../font/crapaud_petit.ttf');
}

font-family属性定义的该字体引用名,方便引用。

src:url后是本地字体资源.ttf的相对路径,
额,用绝对路径是否可行??

2、然后再引用字体资源:

test