思源字體是一款開(kāi)源的字體,它的字形設(shè)計(jì)優(yōu)美,在互聯(lián)網(wǎng)應(yīng)用中被廣泛使用。CSS引入思源字體,可以讓網(wǎng)頁(yè)更加美觀、具有個(gè)性化。
@font-face { font-family: 'SourceHanSansCN-Regular'; src: url('https://fonts.googleapis.com/css2?family=Source+Han+Sans+SC&display=swap'); } body{ font-family: 'SourceHanSansCN-Regular', sans-serif; }
代碼中,@font-face規(guī)則定義了一種自定義字體,它的名稱叫做"SourceHanSansCN-Regular"。字體的來(lái)源是Google Fonts,字體樣式是"Source Han Sans SC"。
在body元素中,將字體族系設(shè)置為"SourceHanSansCN-Regular",這樣網(wǎng)頁(yè)中就會(huì)使用自定義字體了。如果自定義字體不能正常加載,會(huì)退而使用系統(tǒng)字體。
引入思源字體,可以提升網(wǎng)頁(yè)的美觀度,也能讓網(wǎng)站更加具有個(gè)性化。建議使用思源字體來(lái)打造獨(dú)立的品牌形象。
上一篇css引入字體ttf
下一篇css引入最好的方法