Muuta Web-sivusi kirjasinkokoa helposti CSS: n avulla.
Kuvan luotto: Ableimages/Photodisc/Getty Images
Voit hallita Web-sivusi kirjasinkokoa käyttämällä HTML: n tyylikielen, Cascading Style Sheets, font-size-ominaisuutta. HTML 5:stä alkaen CSS-lähestymistapa fonttityyliin korvaa vanhemman "font"-tunnisteen. Vaikka fonttitunniste on kelvollinen HTML 4 -muotoilluilla verkkosivuillasi, sitä ei enää tueta kelvollisena tagina HTML 5:ssä.
Fonttikoon määrittäminen CSS: llä
Fonttikoot asetetaan Web-sivullasi käyttämällä CSS-attribuuttia "font-size". Fonttikoot määritetään yleensä käyttämällä typografinen mitta "em", jossa 1.0 on nykyinen fonttikoko tai prosentit, missä 100 prosenttia on nykyinen fontti koko. Voit myös käyttää esiasetettujen arvojen nimiä, kuten "pienempi", "suurempi", "pieni" ja "xx-suuri". Kokoa määritettäessä pikseleinä tai pisteinä on kelvollinen, sitä ei suositella, koska tekstisi ei välttämättä skaalaudu oikein tietyissä kohdissa olosuhteissa.
Päivän video
Voit käyttää tyylejä lähes missä tahansa Web-sivusi rungon HTML-tunnisteessa. Lisää tunnisteeseen "style"-attribuutti ja CSS-fonttikoko-attribuutti on asetettu haluamasi kokoiseksi. Tyyli vaikuttaa tagin alun ja lopun väliseen tekstiin – esimerkiksi:
Tämä teksti on normaalia suurempi.
Tämä teksti on pienempi.
Tämä teksti on myös pienempi.
CSS: n käyttäminen tyylitaulukossasi
Jos Web-sivullasi on CSS-tyylisivu, joko upotettuna sivusi otsikkoon tai määritettynä erilliseen tiedostoon, voit muuttaa fonttikokoa siellä. Tyylisivut ovat käteviä, kun teet maailmanlaajuisia muutoksia Web-sivullesi. Etsi tai lisää muutettava ilmoitus ja lisää kirjasinkokokoodi. Jos haluat esimerkiksi suurentaa kaikkien kappaletunnisteiden kirjasinkokoa, käytä:
p { font-size: 125%; }
