字体文件格式有几种:.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