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 = 所有浏覽器的完美支援。