? ? ? ? 對于Google 字體，在前端開發中，我們只需要引入一段字體的相關CSS文件，就可以美化我們的字體，而Google 開源的字體庫就非常的方便。

?

? ? ? ? 在使用過程當中我們會遇到網絡無法訪問的問題，但google字體的引用API，目前的情況來看所有的地區都可以進行訪問，但是沒法訪問主頁。

https://fonts.googleapis.com

? 后面也就多了個apis

https://fonts.google.com/

上面兩個地址，只有第一個是可以訪問的，也就是說，我們可以通過第一個地址來進行字體的引用。

? ? ? ? 雖然網絡受阻，但是，對于無法使用科學網絡的朋友其實，在知道常用的字體情況下只需要對已知的CSS 文件鏈接進行修改就可以隨意切換想要引用的字體了。

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300&family=Roboto:wght@300&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300&display=swap" rel="stylesheet">

? ? ? ? 分析這兩段代碼就會發現，family= 后面是字體的系列，比如?Rubik ，300+500 寬度的字體，我們可以這樣寫：

????????

<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap" rel="stylesheet">

只需要更改需要的字體 系列 + 粗細大小就可以達到響應的CSS 文件。

? ? ? ? ?所有說Google 開源字體庫的引用還是非常方便的即使主頁沒辦法訪問。當然科學的人們，當我沒說。

? ? ? ? 記錄Google api 的事。

總結

以上是生活随笔為你收集整理的Google 字体在前端开发中的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。