[Fonts] Adding Google fonts

在所有的網頁中，字體是不可或缺的一塊，而我們最常見也易得的資源就是google fonts，這一篇我們來在網頁中加入 google fonts。

選擇字體

我們以roboto為例，尋找到三種相關字體，各有各的特色

我們選擇Roboto Mono，再往下滑到字型大小、斜細字體的地方，加入我們要的選擇

點擊右上方的view selected families，可以看到我們的選擇，你可以選擇多樣字體，會產生不同的 google fonts 提供的連結

根據指示我們將提供的連結放在html的head裡面，在畫紅線的地方會看到你選擇的字體，此段連結會連結到該字體的css，可以點擊查看，如下面圖二

之後我們再到我們網頁連接到的 css 裡面加入font-family的屬性，這邊以Roboto Mono為主要字體，monospace為次要字體

如此一來，我們就能在網頁之中看到我們想要的字體了!