Naučte sa používať CSS na zmenu atribútov písma
Fonty a CSS
CSS je najefektívnejší spôsob úpravy písiem na vašej webovej stránke. Môžete ovládať rodinu písma , veľkosť, farbu, váhu a mnoho ďalších aspektov typografie.
Vlastnosti písma v službe CSS sú jedným z najbežnejších spôsobov, ako urobiť vašu stránku výraznejšou a jedinečnou. Ľahko môžete meniť farbu, veľkosť a dokonca tvár (samotné písmo) textu pomocou vlastností písma CSS .
- farba
- font-family
- veľkosť písma
Do písma sú tri časti:
- farba
- Táto farba sa zobrazí ako na obrazovke.
- veľkosť
- To je, ako veľký alebo malý písmeno bude zobrazovať na obrazovke.
- tvár
- Toto je rodina fontov, čo sa často označuje ako skutočné písmo.
Farby písma
Ak chcete zmeniť farbu textu, jednoducho použite vlastnosť farieb štýlu CSS. Môžete použiť buď názvy farieb alebo hexadecimálne kódy. Rovnako ako pri všetkých farbách na webe, je najlepšie použiť bezpečné farby prehliadača .
Vyskúšajte na svojich webových stránkach tieto štýly:
toto písmo je červené
toto písmo je modro sfarbené
Veľkosti písma
Keď nastavíte veľkosť písma na webe, môžete ho nastaviť v relatívnych veľkostiach alebo byť veľmi špecifická pomocou pixelov, centimetrov alebo palcov. Avšak presnejšie veľkosti písma sú určené na tlač, a nie na webové stránky, kde každý, kto zobrazuje vaše webové stránky, môže mať iné rozlíšenie, veľkosť monitora alebo predvolené nastavenie písma. Ak teda vyberiete 15px ako svoju štandardnú veľkosť, môžete byť nepríjemne prekvapení, keď vidíte, ako veľké alebo malé písmo vykresľuje vašim zákazníkom.
Odporúčam používať ems na veľkosť písma . Ems umožňuje, aby vaša stránka zostala prístupná bez ohľadu na to, kto ju prezerá a ems sú určené na vykresľovanie obrazovky. Ponechajte pixely a body pre vykresľovanie. Ak chcete zmeniť veľkosť písma, vložte na svoju webovú stránku nasledujúci štýl:
toto písmo je 1m
toto písmo je .75em
toto písmo je 1,25
Font Faces
Tvár vášho písma je to, o čom mnohí ľudia myslia, keď si myslia "písmo". Môžete deklarovať ľubovoľnú tvár písma, ktorú by ste chceli, ale pamätajte, že ak váš čitateľ nemá toto písmo nainštalované, jeho prehliadač sa pokúsi nájsť zápas za to, a ich stránka nebude vyzerať tak, ako ste zamýšľali.
Na riešenie tohto problému môžete určiť zoznam názvov tvárí, oddelených čiarkami, aby sa prehliadač mohol používať v poradí podľa vašich predstáv. Tieto sa nazývajú zásobníky fontov. Majte na pamäti, že štandardné písmo na počítači (napríklad Arial) nemusí byť v systéme Macintosh štandardné. Preto by ste mali vždy zobrazovať svoje stránky pomocou minimálne nainštalovaného stroja (a najlepšie na oboch platformách), aby ste sa uistili, že vaša stránka vyzerá tak, ako je navrhnutá, aj pri minimálnych formátoch písma.
Jeden z mojich obľúbených stĺpcov písiem je táto sada sans-serif písma kolekcie a zatiaľ čo geneva a arial nevyzerajú strašne podobné, sú obaja pomerne štandardné na počítačoch Macintosh a Windows . Zahŕňam helvetica a helv pre zákazníkov na iných operačných systémoch, ako napríklad Unix alebo Linux, ktoré nemusia mať robustnú knižnicu fontov.
toto písmo je sans-serif
toto písmo je serif