在CSS中,我們可以使用多種方法來加入字體,以下是一些常見的方法:
1、使用@font-face規(guī)則
@font-face規(guī)則是CSS中用于加載字體的一種方式,通過該規(guī)則,我們可以指定字體的名稱、字體文件的路徑以及字體文件的格式,如果我們想要加入一個(gè)名為“MyFont”的字體,可以使用以下代碼:
@font-face { font-family: 'MyFont'; src: url('path/to/myfont.woff2') format('woff2'), url('path/to/myfont.woff') format('woff'), url('path/to/myfont.ttf') format('truetype'); }
在上面的代碼中,我們指定了字體的名稱為“MyFont”,并提供了三種不同格式的字體文件路徑,這樣,瀏覽器就可以根據(jù)自身的支持情況來選擇加載哪種格式的字體文件。
2、使用Google Fonts
Google Fonts是一個(gè)在線的字體庫,提供了許多免費(fèi)的字體供我們使用,我們可以通過在HTML文件中鏈接Google Fonts的CSS文件來加載字體,如果我們想要加入一個(gè)名為“Roboto”的字體,可以使用以下代碼:
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
在上面的代碼中,我們鏈接了Google Fonts的CSS文件,并指定了字體的名稱為“Roboto”,這樣,瀏覽器就會(huì)加載該字體,并使其在我們的網(wǎng)頁上顯示。
無論使用哪種方法,我們都可以將字體加入CSS中,以豐富我們的網(wǎng)頁顯示效果。