在CSS中,我們可以通過font-family
屬性來添加字體。font-family
屬性用于設置元素的字體類型,以下是一些常見的字體類型:
Arial
一種常用的無襯線字體,具有清晰易讀的特性。
Times New Roman
一種經典的襯線字體,適合用于標題和正文。
Verdana
一種無襯線字體,適合用于屏幕顯示。
Georgia
一種襯線字體,適合用于印刷和書籍排版。
除了上述常見的字體類型,CSS還支持使用字體文件(如.ttf或.otf文件)來添加自定義字體,以下是一個使用自定義字體的示例:
@font-face { font-family: 'MyCustomFont'; src: url('MyCustomFont.ttf') format('truetype'); } body { font-family: 'MyCustomFont', Arial, sans-serif; }
在上面的示例中,@font-face
規(guī)則用于定義自定義字體,font-family
屬性用于設置元素的字體類型,在font-family
屬性中,我們可以先指定自定義字體,再指定其他常用字體作為備用,這樣,如果瀏覽器不支持自定義字體,就會使用備用字體來顯示。
需要注意的是,使用自定義字體需要確保字體文件已經正確加載到服務器上,并且路徑正確指向字體文件,還需要注意字體的版權問題,確保使用的字體是允許商業(yè)使用的或者已經購買了相應的版權。