除了大多數系統提供的默認字體以外,我們也可以使用自定義字體。網絡上有各種各樣的字體,不過在這個例子中,我們將會嘗試使用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
字體則不需要。