Osaako joku kertoa miten toteutetaan sivustossa tekstin koon suurennos? Tarkoitan siis sitä kun sivustossa kävijä voi valita joko suuremman tai pienemmän tekstikoon?
Tekstin koko
tekstiili
7730
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 7
Vanhimmat
homma on hoidettu niin että vaihdetaan tyylitiedostoa kun fontin kokoa halutaan kasvattaa
Ja toisilla sivuilla on tekstikoot määritelty CSS-tiedostoon %:na (esim. font-size: 81.1%;), joten kun selaimesta valitaan suurenna tai pienennä tekstikokoa, myös txt-koko muuttuu.
Etu: ei tarvitse leipoa eri css-tiedostojen kanssa.
"Etu: ei tarvitse leipoa eri css-tiedostojen kanssa."
Haittoina, että useat käyttäjät näkevät liian suurta fonttia, sillä monet eivät ole säätäneet selaimen oletus fonttia sopivaksi. Tuota ei pysty muuttaa ellei pääse selaimen asetuksiin.
Joten järkevintä toteuttaa ihan dynaamisella tyylitiedostolla, jossa vain bodylle asetettu koko muuttuu. Muut ovat tietenkin em jolloin ne on suhteutettu bodylle annettuun jotenka ne muuttuu automaattisesti.
Useimmat sivut joilla fonttikoko on ilmeisesti määritetty prosentteina tai em-yksikköinä, näkyvät päin persettä mäkillä (oletuksena fonttikoot ovat pari pistettä pienempiä kuin windowsissa). Aina pitää nostaa fonttikoko käsin, jotta teksti on edes luettavaa. Eli se siitä käytettävyydestä...
Ja tosiaan se fonttikoko kasvaa ctrl-plussalla, vaikka se olisikin määritetty absoluuttisesti.
Niinpä. Miksi sitä fonttikoon säätelyä ei voi jättää käyttäjän harteille. Se kun käy niin helposti.
Eri asia ne sivut, joiden layout on suunniteltu kärpäsen papanan kokoiselle fontille ja kun fonttia suurentaa, tekstit menevät päällekäin ja muuttuvat lukukelvottomaksi suheroksi. Näin varsinkin table-layouteilla.
8pt on kyllä täysin sopiva koko verdanalle ja hyvin monet pitävät sitä sopivana, joten miksi sitä ei käyttäisi?
Näin vältytään ongelmilta mitä % ja em aiheuttavat.
Sivut tehdään toimivaksi valtaväestön mukaan.
Ja nykyselaimissa fontin suurennos onnistuu myös vaikka olisi käytetty kiinteitä mittayksiköitä. Ja halutessa voidaan tehdä myös oma sivukohtanen tyylitiedosto. Joten ne ketkä kokevat tuon liian pieneksi voivat sen suurentaa helposti.
Ja yleensä tuohon "pienuuteen" on syynä, että käytetään liian suurta resoluutiota omalla näytöllä.
Kun et tee mitään asettaaksesi fonttikoon, niin toiveesi toteutuu.
Tosin usein suositellaan, että selainten joidenkin virheiden takia asetetaan
body { font-size: 100%; }
Loogisesti se merkitsee samaa kuin fonttikoon asettamatta jättäminen.
Jos joku valittaa, että fontti on silloin liian isoa, niin vastatkoon tähän: Miten usein _käyttäjät_ ovat valittaneet liian isosta fonttikoosta (sellaisessa tilanteessa)? Valittajina ovat yleensä sivuntekijät itse tai ns. graafiset suunnittelijat.