Naučte se používat CSS pro změnu atributů písma
Fonty a CSS
CSS je nejúčinnější způsob, jak upravit písma na vaší webové stránce. Můžete ovládat rodinu fontů , velikost, barvu, váhu a mnoho dalších aspektů typografie.
Vlastnosti písma v CSS jsou jedním z nejběžnějších způsobů, jak zvýšit rozlišovací a jedinečnou stránku. Je snadné měnit barvu, velikost a dokonce i tvář (samotné písmo) textu pomocí vlastností písma CSS .
- barva
- font-family
- velikost písma
Do písma jsou tři části:
- barva
- Tato barva se zobrazí jako na obrazovce.
- velikost
- To je, jak velké nebo malé písmo bude vykresleno na obrazovce.
- tvář
- Toto je rodina fontů, což je často označováno jako skutečné písmo.
Barvy písma
Chcete-li změnit barvu textu, použijte vlastnost barevného stylu CSS. Můžete použít buď názvy barev nebo hexadecimální kódy. Stejně jako u všech barev na webu, je nejlepší používat bezpečné barvy prohlížeče .
Na svých webových stránkách vyzkoušejte následující styly:
toto písmo je červené
toto písmo je zbarveno modře
Velikost písma
Když nastavíte velikost písma na webu, můžete jej nastavit v relativních velikostech nebo být velmi specifická s použitím pixelů, centimetrů nebo palců. Přesnější rozměry písma jsou však určeny pro tisk, nikoliv pro webové stránky, kde každý, kdo zobrazuje vaše webové stránky, může mít jiné rozlišení, velikost monitoru nebo výchozí nastavení písma. Pokud si tedy vyberete standardní velikost 15px, můžete být nepříjemně překvapeni, jak velké nebo malé písmo vykresluje vaše zákazníky.
Doporučuji použít ems pro velikost písma . Ems umožňují vaší stránce zůstat přístupné bez ohledu na to, kdo ji prohlíží, a ems jsou určeny k vykreslení obrazovky. Nechte pixely a body pro vykreslování tisku. Chcete-li změnit velikost písma, vložte na svou webovou stránku následující styl:
toto písmo je 1em
toto písmo je .75em
toto písmo je 1,25
Font Faces
Obličej písma je to, o čem mnozí lidé myslí, když si myslí "písmo". Můžete deklarovat libovolnou tvář písma, kterou byste chtěli, ale nezapomeňte, pokud váš čtenář nemá toto písmo nainstalováno, prohlížeč se pokusí najít nějaký zápas za to, a jejich stránka nebude vypadat tak, jak jste zamýšleli.
Chcete-li tento problém vyřešit, můžete zadat seznam názvů obličejů, oddělených čárkami, aby prohlížeč mohl používat v pořadí preference. Tito se nazývají fonty fontů. Mějte na paměti, že standardní písmo v počítači (například Arial) nemusí být Macintosh standardní. Takže byste měli vždy prohlížet své stránky s minimálně nainstalovaným zařízením (a nejlépe na obou platformách), abyste se ujistili, že vaše stránka vypadá tak, jak je navržena, i s minimálními písmy.
Jeden z mých oblíbených skladeb písem je Tato sada je sans-serif písma a zatímco geneva a arial nevypadají strašně podobný, jsou oba poměrně standardní na počítačích Macintosh a Windows . Zahrnuji helvetica a helv pro zákazníky z jiných operačních systémů, jako je Unix nebo Linux, které nemusí mít robustní knihovnu písem.
toto písmo je sans-serif
toto písmo je serif