近日我遇到了一個關(guān)于CSS字體變細(xì)沒有作用的問題,它令我很困惑。我在網(wǎng)上查找了大量的資料和方法,但是并沒有改變我遇到的這個問題。
font-weight: 100;
我用了上面這段CSS代碼來改變字體的粗細(xì),但它并沒有起到任何作用。我嘗試了不同的數(shù)值,但它們似乎都不起作用。
我開始懷疑是不是字體本身的問題,于是我嘗試了更換字體。但是即使是更換了字體,上面的CSS代碼仍然無法起到作用。
在經(jīng)過反復(fù)嘗試和查找資料后,我發(fā)現(xiàn)了原因。它是因為我們在引入字體文件時沒有包括字體粗細(xì)的參數(shù)。
@font-face { font-family: 'Roboto'; font-style: normal; src: url('roboto-regular-webfont.woff2') format('woff2'), url('roboto-regular-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('roboto-thin-webfont.woff2') format('woff2'), url('roboto-thin-webfont.woff') format('woff'); }
在這里,我們需要在字體樣式中添加'font-weight'參數(shù)來指定字體粗細(xì)。否則,無論我們?nèi)绾胃淖僀SS代碼,字體都無法變細(xì)。
總結(jié)起來,我們要確定是否在字體文件引入時設(shè)置了字體粗細(xì)的參數(shù)。只有在指定了字體粗細(xì)參數(shù)后,才能確保CSS代碼的效果。