HTML-fontin lisääminen on mahdollista käyttämällä erityisiä tunnisteita, joiden avulla voit hallita näytöllä näkyvän tekstin parametreja. Samanlaiset näyttöasetukset toteutetaan CSS: ssä, jonka koodi voidaan helposti integroida muokatulle sivulle.
Jos haluat muokata.html-laajennuksella olevan asiakirjan lähdetekstiä, avaa käyttämäsi tekstieditori (esimerkiksi Muistio). Napsauta "File" - "Open" ja määritä polku sivulle, jonka koodin haluat muuttaa. Paina sitten näppäimistön Enter-näppäintä ja ala muokata asiakirjan haluttua osaa.
HTML
Kirjasinkoon muuttaminen tapahtuu kahvasta. Tämän tagin puitteissa voit asettaa tarvittavat parametrit kirjainten korkeudelle ja niiden väreille. Avaus- ja sulkuelementtien väliin suljettu teksti näytetään tehtyjen asetusten mukaisesti:
Mikä tahansa teksti
Kirjeet, jotka on kirjoitettu väliin ja joiden koko on 15 annetun kokoparametrin vuoksi.
Tallenna muutokset tallentaaksesi parametrit. Voit sulkea muokkausikkunan ja avata sen selainikkunassa kaksoisnapsauttamalla HTML-sivua. Voit myös napsauttaa hiiren kakkospainikkeella asiakirjaa ja valita "Avaa kanssa" käynnistääksesi sen selaimessa. Valitse selaimesi määritettyjen ohjelmien luettelosta.
CSS
Porrastettujen tyylitaulukoiden avulla voit hienosäätää fontin asetuksia. Koodin avulla voit muuttaa sekä sivun koko tekstin että yksittäisten elementtien (esimerkiksi otsikoiden) näyttöasetuksia. CSS voidaan määrittää asiakirjan rungossa (), mutta mukavin on kirjoittaa tarvittavat ohjeet kuvaajaan liittämällä komennot tunnisteeseen.
Font-size-attribuutti on vastuussa fontin koon parametrien muuttamisesta. Kuvattu arvo voidaan määrittää pikseleinä (px), pisteinä (pt) ja prosentteina (%). Esimerkiksi:
Kirjasinkoon muuttaminen
body {font-size: 13pt; }
h1 {font-size: 200%; }
p {font-size: 15px; }
Tässä esimerkissä sivun runkoon syötetyn tekstin koko on 13 pistettä. Tunnisteiden väliset kirjaimet suurennetaan 2 kertaa (100% alkuperäisestä koosta). Kuvaajien välissä määritetty teksti on 15 pikseliä. On huomattava, että kullekin sivuelementille erikseen asetetut parametrit ovat etusijalla yleisempiin arvoihin nähden. Esimerkiksi:
Tavallinen kappalefontti
Muutettu kappale
Tunnisteiden välisen tekstin tulee yleensä olla kooltaan 15 kuvapistettä. Toisen kappaleen fontti on kuitenkin koko 18, koska asiakirjan rungossa oleva koodi on yleensä etusijalla.
