自定义字体(特殊字体)在网页中的应用

字体文件格式有几种：.ttf,.eot,.woff,.svg

1、首先将准备好的特殊字体放在项目中的css文件目录下。在css文件中引入该字体文件。

方式如下:

@font-face{

font-family:"字体名";//自定义字体名，但是要跟字体文件名一致

src:url("./ziti.tff") format('truetype');//如果是woff文件格式，就用format('woff')

}

2、然后就可以将要设置的标签元素对象设置字体了，比如要给id为table的元素设置为自定义的特殊字体，就可以在css文件里或者在html文件里这样写

#table{font-family:字体名};

有些浏览器不支持ttf的字体格式，所以最好是将四种格式的字体都导入。

@font-face {
    font-family: 'AlluraRegular';
    src: url('Allura-Regular-webfont.eot');
    src: url('Allura-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Allura-Regular-webfont.woff') format('woff'),
         url('Allura-Regular-webfont.ttf') format('truetype'),
         url('Allura-Regular-webfont.svg#AlluraRegular') format('svg');
}

 获取特殊字体网站：http://www.fontsquirrel.com/fonts/Digital-dream