如何使用CSS來設(shè)置楷體
在CSS中設(shè)置楷體,你可以使用font-family
屬性來指定字體,以下是一個簡單的例子:
body { font-family: '楷體', serif; }
在這個例子中,font-family
屬性的值是一個列表,列出了你想要的字體名稱,首先指定的是楷體
,如果瀏覽器不支持楷體
,則會使用默認的serif
字體。
字體文件路徑
如果你使用的是自定義的楷體字體,你需要指定字體文件路徑。
@font-face { font-family: '楷體'; src: url('path/to/your/font.ttf'); }
在這個例子中,@font-face
規(guī)則用于加載自定義字體。font-family
屬性的值是你想要的字體名稱,src
屬性的值是字體文件的路徑。
字體樣式
除了設(shè)置字體家族,你還可以設(shè)置字體樣式。
body { font-style: normal; /* 默認值 */ font-weight: 400; /* 默認值 */ }
在這個例子中,font-style
屬性用于設(shè)置字體樣式,font-weight
屬性用于設(shè)置字體粗細。
字體大小
你還可以設(shè)置字體大小。
body { font-size: 16px; /* 默認值 */ }
在這個例子中,font-size
屬性用于設(shè)置字體大小,你可以根據(jù)需要調(diào)整這個值。