引入谷歌字體


除了大多數系統提供的默認字體以外,我們也可以使用自定義字體。網絡上有各種各樣的字體,不過在這個例子中,我們將會嘗試使用Google字體庫。

Google 字體是一個免費的字體庫,可以通過在 CSS 里面設置字體的 URL 來引用。

因此,下一步,我們將引入和使用Google字體。

引入Google字體,你需要復制Google字體的 URL,並粘貼到你的 HTML 里面。在這個挑戰中,我們需要引入Lobster字體。因此,請復制以下代碼段,並粘貼到代碼編輯器頂部,即放到style標簽之前。

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

現在你可以設置font-family屬性為Lobster,來使用Lobster字體。例子如下:
font-family: FAMILY_NAME, GENERIC_NAME;.

GENERIC_NAME是可選的,其他字體不可用時便作為后備字體,在下一個挑戰中可以得到體現。

字體名區分大小寫,並且如果字體名含有空格,需要用引號括起來。例如,使用"Open Sans"字體需要添加引號,而Lobster字體則不需要。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM