web自定义中文字体

1、从网上下载tff格式的字体，例如“隶书.tff”


2、找在线转换字体的网站，例如：


https://www.fontke.com/tool/convfont/
上传tff字体，并下载其他格式的，如：woff，woff2，eot等


3、在css中设置样式：


@font-face {
    font-family: 'stzhongsongregular';
    src: url('szsong.woff2') format('woff2'),
         url('szsong.woff') format('woff'),
		 url('szsong.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}


4、在需要使用的css中，加上：font-family: 'stzhongsongregular';即可


5、
@Font-face目前浏览器的兼容性：
•Webkit/Safari(3.2+)：TrueType/OpenType TT (.ttf) 、OpenType PS (.otf)； 
•Opera (10+)： TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg)； 
•Internet Explorer： 自ie4开始，支持EOT格式的字体文件；ie9支持WOFF； 
•Firefox(3.5+)： TrueType/OpenType TT (.ttf)、 OpenType PS (.otf)、 WOFF (since Firefox 3.6) 
•Google Chrome：TrueType/OpenType TT (.ttf)、OpenType PS (.otf)、WOFF since version 6 
由上面可以得出：.eot + .ttf /.otf + svg + woff = 所有浏览器的完美支持。