Pri vývoji webu poskytuje správne použitie štýlu písma atraktívny vzhľad aplikácie. Tieto štýly písma poskytujú vizuálne informácie o poradí čítania dokumentu. Napríklad štýl písma nadpisu dokumentu musí byť tučný a významný od ostatných. Štýl tiež pomáha odlíšiť dôležitý obsah od ostatných.
Výsledky vzdelávania tohto článku sú:
- Čo sú webové písma Google?
- Ako importovať písma Google do HTML?
- Ako používať písma Google v súbore CSS?
Čo sú webové písma Google?
Webové písmo Google je knižnica s otvoreným zdrojom, ktorá obsahuje stovky štýlov písma alebo rodín. Poskytuje tiež rozhrania API, ktoré nám pomáhajú používať webové písma so systémom Android a CSS. Písma Google sú oveľa ľahšie ako iné knižnice písiem a sú k dispozícii bezplatne na firemné použitie. Tieto sa dajú ľahšie implementovať na ľubovoľnú webovú stránku.
CSS štandardne ponúka štýly písma fantasy, serif, bezpätkové, kurzíva a jednopriestorové písmo. Písma Google je možné použiť, ak chcete použiť iné štýly písma.
Ako importovať písma Google do HTML?
Ak chcete použiť písma Google na stránke HTML, postupujte podľa nasledujúcich krokov.
Krok 1: Vyberte rodinu písiem
Najprv otvorte Google Fonts oficiálnu webovú stránku a vyberte písmo, ktoré sa vám páči. Vybrali sme napríklad „ Lobster dva ” rodina písiem:
Krok 2: Vyberte štýly
Potom prejdite nadol a zobrazte zoznam štýlov. Pridajte ich do svojej zbierky kliknutím na „ + ”znamenie:
Krok 3: Zobrazte vybrané rodiny
Ak chcete zobraziť vybrané rodiny, kliknite na ikonu zvýraznenú nižšie:
Krok 4: Skopírujte odkaz na vloženie do kódu HTML
Potom prejdite nadol a skopírujte odkaz na rodinu písiem pomocou zvýrazneného „ Kopírovať ikona “:
Ako používať písma Google v súbore CSS?
Ak chcete použiť kópiu Google Fonts v CSS na úpravu štýlu, prejdite si uvedené príklady.
Príklad 1
Zahrňte „ ” prvok na určenie nejakého obsahu alebo odseku:
< p > “Najlepšia webová stránka s návodom” p >Ak chcete importovať písma Google, prilepte skopírovaný kód do poľa „