Google Web Font

Google的網頁字型,提供非常多樣且免費的字型,讓工程師使用。

步驟

例如,我想找一個素描的字型,只要輸入關鍵字"Sketch",我們可以從搜尋結果中挑選喜歡的字型,然後按下「Add to Collection」按鈕。

在網頁下方會多出Collection的區塊,按下最右邊的「Use」按鈕。

Google很貼心的預估使用這個字型時的網頁Page Load時間

網頁往下捲,將第三和第四步驟的程式碼貼到你的網頁上,就大功告成了。

範例程式 

在CSS檔中,匯入Google webfont的CSS檔,然後在要修改的樣式中,指定字型名稱(如第四行)

實例展示

切換上方Tab可檢視程式和結果








相關文章

如何將電腦畫面經由 Chromecast 投放到電視螢幕上

Chrome 的檔案續傳功能

Mac與Android裝置傳輸檔案的方法

使用 Vysor 在電腦上控制 Android 裝置