CSS3自定義字體

原文摘自：https://www.cnblogs.com/moqiutao/archive/2015/12/23/5070463.html

總節：

1） 定義字體標準格式：

 1 @font-face {
 2     font-family: 'YourWebFontName';
 3     src: url('YourWebFontName.eot'); /* IE9 Compat Modes */
 4     src: url('YourWebFontName.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 5              url('YourWebFontName.woff') format('woff'), /* Modern Browsers */
 6              url('YourWebFontName.ttf')  format('truetype'), /* Safari, Android, iOS */
 7              url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */
 8 
 9     [font-weight: <weight>];
10     [font-style: <style>];
11    }　

YourWebFontName ： 字體名稱
url('YourWebFontName.eot') 字體在伺服器上的相對路徑或絕對路徑
要求儘可能的上傳ttf、eot、woff、svg字體，並顯示表明相應格式，比如： format('embedded-opentype')
還可以字體字體描述，比如是否是粗體： font-weight 等，但不是必須的。

2）字體轉換網址：

http://www.freefontconverter.com/
https://everythingfonts.com/font-face
http://onlinefontconverter.com/
https://www.fontsquirrel.com/tools/webfont-generator