CSS font-weight tulajdonság: a betűtípus telítettségének beállítása

Hagyományosan szokványos, hogy a szöveg fő ötleteit egy merész vázlat segítségével kiemeljük. A feldolgozás ezen módja mindenekelőtt a fejlécekre utal, mivel az olvasónak azonnal figyelnie kell rájuk. A CSS font- weight tulajdonság egyszerű módja a betűtípus telítettségének beállításához.

A programozók kezdetei érdeklődnek attól a kérdéstől, hogy miért részletesen tanulmányozzák a szövegtervezési stílusok technológiáját. Szinte minden webhelyen (és különösen a tartalomkezelő rendszereken alapuló erőforrások tekintetében) van egy vizuális szerkesztő, amely hasonló az MS Word alkalmazáshoz. Ahhoz, hogy vele dolgozzon, különleges ismeretekre nincs szükség. A beépített szövegtervezési eszközök használata azonban nem mindig indokolt, hiszen fontos, hogy ne csak a szöveget merítse, hanem hangsúlyozza is, hogy a keresőmotorok megfelelően észleljék, amit írtak.

Hogyan változtassuk meg a szöveges gazdagságot

A szöveg vastagságát HTML címkékkel < b> vagy < strong> lehet beállítani. De ezeknek az elemeknek a kezdeti funkciója strukturálás. Ha a címkéket túl gyakran használja, a keresőmotorok felismeri a szöveget "túlzottan optimalizáltnak", ami a webhely minősítésének csökkenéséhez vezet. Itt érhető el a CSS font- weight tulajdonság.

A szabvány számos lehetőséget kínál a felvételhez. Érdekes dolog - a webes programozó választhat, hogy a szöveg milyen szűk lesz. De mindent rendben.

Normál értékek a betűtípus telítettségéhez

A lépcsős stíluslap specifikáció a normál és vastag értékeket használja a sűrűség meghatározásához. Az első hozzárendeli a "normál" alakot az elemhez, és általában olyan esetekben alkalmazható, amikor a zsírírás megszüntetésére van szükség. Például a következő bejegyzés kikapcsolja a vastag írást a CSS - font- weight: normal értékkel . Ezt a dizájnt választva módosíthatja a fejlécek alapértelmezett betűs írásmódját a < h1> - < h6> címkékben.

A fordított helyzet - meg kell adnod a megnövekedett vastagságot a szöveg bekezdéséhez. Ebben az esetben a CSS - font- súlyú, félkövér szabály a megfelelő < p> címkére van megadva.

Vastagság beállítási lehetőségek

A stílusstílus legfrissebb verziói lehetővé teszik a felhasználó számára a szöveg telítettségének mértékét. Ehhez a normál és félkövériségek korábban leírt értékei helyett numerikus ekvivalenseiket használjuk.

A szöveg sűrűségét a 100-tól 900-ig terjedő relatív értékek határozzák meg. A lépés 100. Ez azt jelenti, hogy 200-as sűrűséget kell megadni, a CSS betűk tömegét 200-ra kell írni. Ésszerű kérdés: mit jelent a 200-as szám és hogyan kell megérteni, mikor kell pontosan alkalmazni?

A betűtípus vastagságának megértése segít a következő táblázatos csalólapon.

Ahogy a táblázat mutatja , a CSS font- weight : 400 következő bejegyzés egyenlő a font súlyával: normál . A helyzet hasonló a 700-as és a merész értékekkel. Hogyan írjuk le az attribútumot - nincs különbség.

Fontos megjegyzés: ez a tulajdonság nem mindig működik. Ennek oka, hogy az importált betűtípus nem támogatja a különböző fokú telítettségeket. A gyakorlatban leggyakrabban csak normál és félkövér betűk vannak beágyazva a betűtípusokba.