Skip to main content

Ako zmeniť fonty webových stránok pomocou

Anonim

Jednoduché možnosti stýlovania umožňujú zmeniť písmo (alebo typ) webovej stránky pomocou CSS (kaskádové štýly). Môžete nastaviť písmo jednotlivých slov, konkrétnych viet, titulkov, celých odsekov a dokonca aj celých strán textu.

Ako zmeniť písmo pomocou

Nasledovné zmeny HTML a CSS môžete vysvetliť pomocou ľubovoľného editora HTML alebo textového editora. Môžete buď skopírovať text zo stránky a vložiť ju do editora, aby ste tam vykonali zmeny, alebo otvoriť celú webovú stránku v editore a upraviť priamo.

  1. Vyhľadajte text, na ktorom chcete zmeniť písmo. Použijeme to ako príklad:

    Tento text je v Arial

  2. Okolo textu s prvkom SPAN:

    Tento text je v Arial

  3. Pridať atribút style = "" k značke rozpätia:

    Tento text je v Arial

  4. V rámci atribútu štýlu zmeňte písmo pomocou font-family štýl.

    Tento text je v Arial

  5. Uložte zmeny a zobrazte ich.

Tipy pre používanie CSS na zmenu písma

  1. Najlepším prístupom je mať vždy aspoň dve písma vo vašom zásobníku písma (zoznam písiem), takže ak nemá prehliadač prvé písmo, môže namiesto neho použiť druhé písmo.

    Oddeľte viacero možností písma čiarkou takto:

    font-family: Arial, Ženeva, Helvetica, sans-serif;

  2. Príklad vysvetlený vyššie používa inline styling, ale najlepší druh štýlu používa externý štýl listu, takže môžete ovplyvniť viac ako len jeden prvok. Triedu môžete použiť na nastavenie štýlu na bloky textu.

    Tento text je v Arial

    V tomto príklade sa súbor CSS na štýl vyššieho HTML bude zobrazovať nasledovne:

    .arial {font-family: Arial; }

  3. Vždy ukončiť štýly CSS s bodkočiarkou (;). Nie je to nutné, ak je len jeden štýl, ale je to dobrý návyk na štart.