在網頁設計中,選擇一款好看的字體顯得十分重要。而現在,我們有了更多的選擇——使用CSS3字體。
CSS3字體具有更多的選擇,包括了網絡字體、自定義字體以及更加細致的字體控制。現在,我們就來一起看看一些好看的CSS3字體。
@font-face { font-family: 'Montserrat'; src: url('Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } h1 { font-family: 'Montserrat', sans-serif; font-size: 3em; font-weight: bold; }
這里使用了Montserrat字體,它擁有簡潔、大方的風格,適合用于標題、標語等位置。
@font-face { font-family: 'Lato'; src: url('Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } body { font-family: 'Lato', sans-serif; font-size: 1.2em; }
這里選用了Lato字體,它的字母形狀非常優(yōu)美,適用于正文。同時,Lato還擁有不少變體,供我們選擇不同的字重、斜體等字體樣式。
@font-face { font-family: 'Open Sans'; src: url('OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } button { font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight: bold; }
Open Sans擁有干凈、現代的風格,非常適用于按鈕、表單等元素。同時,它的字形也具有一定的可讀性,便于用戶理解頁面內容。
以上是三個好看的CSS3字體,通過引入外部字體、調整字重等方式,我們能夠更好地控制文字效果,創(chuàng)造出更加美觀的網頁。
下一篇好看的css書