CSS字體可以進(jìn)行大小、加粗、斜體等改變,還可以進(jìn)行上下拉伸。實(shí)現(xiàn)字體的上下拉伸,需要使用font-stretch
屬性。
使用例子: p { font-stretch: ultra-condensed; }
該屬性可以設(shè)置以下的值:
normal
:正常字體寬度。ultra-condensed
:極限壓縮字體。extra-condensed
:特別壓縮字體。condensed
:壓縮字體。semi-condensed
:半壓縮字體。semi-expanded
:半拉伸字體。expanded
:拉伸字體。extra-expanded
:特別拉伸字體。ultra-expanded
:極限拉伸字體。
font-stretch
屬性在大多數(shù)情況下并不常用,但是它可以在一些特殊場合下展示出更好的效果,例如在使用某些字體并且需要讓字體更加緊湊時(shí)。
使用實(shí)例: p { font-stretch: extra-condensed; font-size: 24px; color: #333; font-family: Arial, sans-serif; }
通過設(shè)置font-stretch
屬性,我們可以對(duì)字體進(jìn)行上下拉伸,實(shí)現(xiàn)不同種類的顯示效果。當(dāng)然,也需要留意字體的可讀性和視覺效果,避免使用過度拉伸的字體導(dǎo)致閱讀困難。