google fonts 國内使用解決方案

由于衆所周知的原因，國内使用google font庫有很大的問題。

解決方案1：使用國内鏡像如​​360網站衛士常用前端公共庫CDN服務​​

• 優點：使用友善
• 缺點：目标使用者包含國外的開發者，不清楚國外使用者的加載速度

解決方案2：提供另外一種解決方案，可以自主決定資源下載下傳源，自主配置cdn等服務。

1. 在google fonts 官網上選擇字型并擷取css連結，如下

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>      

1. 将連結内容下載下傳到本地儲存，打開，内容如下：

/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), 
       local('Oswald-Regular'), 
       url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* 如下可能還有更多代碼，但結構是和上面的一樣的 */      

1. 将 @font-face 下 src屬性下 url 處的檔案下載下傳到本地并儲存，并将 url 位址修改成本地位址
2. 引用修改後的本地google fonts css檔案,就可以使用了。