在CSS中,我們可以通過多種方式設(shè)置字體的大小,以下是一些常用的方法:
1、使用font-size
屬性:這是***直接的方法,通過給元素添加font-size
屬性來設(shè)置字體的大小,要將字體大小設(shè)置為16像素,可以使用以下CSS代碼:
p { font-size: 16px; }
2、使用fontsize
屬性:fontsize
是font-size
的簡化寫法,它們的功能相同。
p { fontsize: 16px; }
3、使用相對單位:除了使用像素(px)外,CSS還支持其他單位,如百分比(%)和em單位,這些單位可以幫助我們創(chuàng)建更靈活的字體大小設(shè)置,要將字體大小設(shè)置為當(dāng)前字體大小的1.5倍,可以使用以下CSS代碼:
p { font-size: 1.5em; }
4、使用@font-face
規(guī)則:通過@font-face
規(guī)則,我們可以引入和使用其他字體文件,這種方法可以讓我們使用不同的字體和字體大小。
@font-face { font-family: 'MyFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); font-weight: normal; font-style: normal; } p { font-family: 'MyFont'; font-size: 16px; }
在上面的代碼中,我們首先定義了一個(gè)名為MyFont
的字體,并將其設(shè)置為備用字體,我們將段落(p)的字體設(shè)置為MyFont
,并將其大小設(shè)置為16像素。