在CSS中,我們可以使用各種字體來美化我們的網頁。以下是一些常見的字體及其使用方法。
1. 安裝字體
@font-face { font-family: "MyFont"; src: url("MyFont.ttf"); }
在這個例子中,我們使用@font-face來聲明并安裝一個字體,其名字為"MyFont"。字體文件是一個TrueType字體文件,其地址為"MyFont.ttf"。在這之后,我們就可以在CSS中使用"MyFont"這個字體了。
2. 使用默認字體
body { font-family: Arial, sans-serif; }
在這個例子中,我們使用了默認字體Arial。如果用戶計算機上沒有安裝這個字體,那么就會使用默認的sans-serif字體。
3. 使用web-safe字體
body { font-family: "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
在這個例子中,我們使用了一組web-safe字體,這些字體都可以在大多數設備和瀏覽器上顯示。如果計算機上沒有安裝第一個字體Arial,則會按照順序使用后面的字體。
4. 使用Google字體
body { font-family: 'Roboto', sans-serif; }
在這個例子中,我們通過在標簽中引入Google字體庫的鏈接來獲取一個名為"Roboto"的字體。之后,我們就可以在CSS中使用這個字體了。
5. 設置字體大小和加粗
body { font-size: 16px; font-weight: bold; }
在這個例子中,我們設置文字的大小為16像素,并加粗了文字。
以上就是關于CSS中各種字體的一些使用方法和技巧。