Typetester.org

Sivustoja suunniteltaessa tekstin ulkonäöllä on yhtä paljon merkitystä kuin väreillä ja graafisilla elementeillä. Tekstin ulkonäköä eli tekstityyliä tai fonttia tai kirjasinlajia tai kirjaintyyliä tai kirjasinleikkausta tai kirjasintyyppiä (miten tätä halutaankin kutsua) rajaa sivuston katselijan käyttämän selaimen kyky toistaa sivuston suunnittelijan ajatukset. Kaikki selaimet eivät näytä sivuja täysin samanlaisina. Jokaisessa selaimessa on pieniä vivahde-eroja. Siellä täällä saattaa olla ylimääräinen pikselin levyinen marginaali, jossakin ovat pyöristetyt kulmat kadonneet ja tekstityylikin on vaihtunut joksikin toiseksi fontiksi. Näille pienille poikkeamille suunnittelija ei voi mitään eikä hänen itse asiassa tarvitse edes ajatella koko asiaa.

Typetester.org

Typetester.org on erinomainen sivusto, jolla voi esikatsella yleisimmin käytettyjä fontteja. Esikatselutyökalussa on kolme saraketta, joihin voi asetella eri fontit ja näin verrata mallitekstejä vierekkäin. Toiminto on hyödyllinen etenkin silloin, kun haluaa nähdä, miltä eri tekstityylit näyttävät samalla sivulla käytettyinä. Työkalusta voi valita fontin neljästä ryhmästä ja lisäksi esikatselussa voi käyttää omaan tietokoneeseen asennettuja fontteja. Nämä fontit tuskin näkyvät kaikkien kävijöiden selaimissa, sillä kaikilla maailman käyttäjillä ei välttämättä ole samanlaisia tekstityylejä omilla koneillaan. Sivun siirtyessä webbipalvelimelta katselijan selaimeen ei yleensä kulje mukana sivulla käytetyt fontit vaan ainoastaan niiden nimet. Selaimen tehtävänä on käyttää katselijan koneella olevaa samannimistä fonttia tai jotain sitä vastaavaa tekstityyliä. Esikatselutyökalun fontit on ryhmitelty seuraaviin ryhmiin:

Turvalliseen fonttilistaan kuuluvat sellaiset fontit, jotka erittäin suurella todennäköisyydellä löytyvät myös katselijan tietokoneelta. Näitä fontteja käyttämällä sivujen tekstityylit näyttävät pitkälti samoilta kuin suunnitellussa sivustossa. Kukin selain voi tosin näyttää fontit hieman eri kokoisina, mikäli tekstin koko on määritelty suhteellisesti. Turvallisesta fonttilistasta löytyvät mm. Arial, Courier New ja Georgia sekä Times New Roman. Windows-listan fontit näkyvät luonnollisesti parhaiten Windows-käyttöjärjestelmään asennetulla selaimella kun taas Mac-fontit vastaavasti Mac-tietokoneilla. Esikatseltavalle fontille voi antaa seuraavat arvot:

  • pistekoko 0.1em—12em 0.1 yksikön tarkkuudella,
  • riviväli 0.1em—12em 0.1 yksikön tarkkuudella,
  • kirjainväli -10px—50px pikselin tarkkuudella,
  • sanaväli -1em—1em 0.05 yksikön tarkkuudella,
  • tasaus (vasen, oikea, keskitetty, tasattu),
  • korostus (ei mitään, alle-, päälle- ja yliviivattu),
  • tekstin väri ja
  • taustaväri.

Jokaisesta tekstityylistä on tekstimalli sivulla. Mallitekstin voi kirjoittaa itse tai käyttää työkalun valmista tekstiä. Esillä olevat tyylit ovat:

  • tavallinen,
  • lihavoitu,
  • kursiivi,
  • lihavoitu kursiivi,
  • versaali,
  • lihavoitu versaali,
  • lihavoitu ja kursivoitu versaali,
  • kapiteeli,
  • lihavoitu kapiteeli sekä
  • lihavoitu ja kursivoitu kapiteeli.

Typetester on kätevä ja hyödyllinen työkalu erityisesti sivustojen suunnittelijalle. Arvojen säätöjen jälkeen työkalusta saa lopuksi valmiit CSS-tyylit, jotka voi kopioida sellaisinaan tyylisivulle. Pienestä tilastosta puolestaan näkee yleisimmin käytetyt tekstityylit ja niiden asetukset. Arial tuntuu olevan suosituin fontti tämän esikatselutyökalun perusteella.

Julkaistu sunnuntaina 24.1.2010 klo 17:05 Sivustot-luokassa avainsanoilla Internet ja viestintä.

Edellinen
Piirustuspäivä
Seuraava
P-peli
Evästeiden käyttö

Käytän sivustollani evästeitä tarjotakseni parhaimman mahdollisen lukukokemuksen blogini lukijoille. Jos jatkat sivustoni käyttöä, oletan, että hyväksyt evästeiden käytön sivustollani.

Lisätietoja evästeiden käytöstä