如何隱藏多個(gè)字體?
在CSS中,您可以使用font-display
屬性來(lái)隱藏多個(gè)字體。font-display
屬性接受以下值:
auto
默認(rèn)值,字體按正常方式顯示。
block
字體以塊級(jí)元素的方式顯示,常用于隱藏字體。
inline
字體以內(nèi)聯(lián)元素的方式顯示,常用于隱藏字體。
fallback
如果***字體無(wú)法加載,則使用備用字體。
optional
如果***字體無(wú)法加載,則不顯示字體。
要隱藏多個(gè)字體,您可以將它們列在一個(gè)font-family
列表中,并將font-display
屬性設(shè)置為block
或inline
。
.hidden-fonts { font-family: "Arial", "Helvetica", "sans-serif"; font-display: block; }
在上面的代碼中,我們將三個(gè)字體列在一個(gè)列表中,并將font-display
屬性設(shè)置為block
,這樣,這三個(gè)字體都會(huì)被隱藏起來(lái),如果您想使用其他字體,只需將它們的名稱添加到列表中即可。