Mikä on fontin testaustyökalu?

Fontin testaustyökalu on työkalu, jonka avulla voit esikatsella, miltä kirjasintyyppi näyttää ennen kuin käytät sitä suunnittelussa tai verkkosivustolla. Sen sijaan, että asentaisit fontin käyttöjärjestelmääsi tai upottaisit sen projektiin, voit ladata sen suoraan selaimeen ja nähdä tarkalleen, miten kirjaimet, numerot ja symbolit renderöidään. Tämä on erityisen hyödyllistä arvioitaessa mukautettuja tai tuntemattomia fontteja, koska kirjasintyypin visuaalinen luonne — sen mittasuhteet, paino, välistys ja rytmi — voidaan arvioida vain oikean tekstin yhteydessä.

Modernit selaimet tarjoavat FontFace API:n, joka mahdollistaa fontin rekisteröinnin paikallisesta tiedostosta ja sen soveltamisen sivun mihin tahansa elementtiin ilman palvelimelle lähettämistä. Kaikki renderöinti tapahtuu paikallisesti, joten fonttitiedosto ei koskaan poistu laitteeltasi.

Työkalun kuvaus

Tämä Font Tester -työkalu mahdollistaa fonttitiedoston (TTF, OTF, WOFF tai WOFF2) lataamisen ja sen välittömän esikatselun täysin muokattavilla typografiaasetuksilla. Voit säätää kokoa, rivin korkeutta, kirjainvälistystä, sanavälistystä, painoa, tyyliä, tasausta ja värejä, ja näet tuloksen renderöitynä reaaliajassa useissa näytteissä — näyteteksti, koko aakkosto, numerot, symbolit ja kokoskaala — arvioidaksesi kirjasintyypin joka näkökulmasta.

Fontti ladataan kokonaan selaimeen; lataamista, tiliä tai asennusta ei vaadita.

Esimerkit

Syöte: Mukautettu .woff2-tiedosto sekä näyteteksti The quick brown fox jumps over the lazy dog.

Tulos: Kyseisen lauseen reaaliaikainen esikatselu ladatussa fontissa valitulla koolla, painolla ja välistyksellä, sekä erilliset paneelit, joissa näkyvät isot kirjaimet, pienet kirjaimet, numerot, symbolit ja sama pangram toistettuna 12, 16, 20, 24, 32, 48, 64 ja 96 pikselin koossa.

Ominaisuudet

  • Paikallinen fontin lataaminen: Pudota TTF-, OTF-, WOFF- tai WOFF2-tiedosto ja näe se käytössä välittömästi
  • Täydelliset typografiaohjaimet: Säädä fontin kokoa, rivin korkeutta, kirjainvälistystä, sanavälistystä, painoa, kursiiveja ja tasausta
  • Värien mukauttaminen: Valitse teksti- ja taustavärit kontrastin ja brändin mukaisten yhdistelmien testaamiseen
  • Useita näytteitä: Esikatsele fonttia mukautetulla tekstillä, koko aakkostolla, numeroilla, symboleilla ja kokoskaallalla
  • Yksityisyysystävällinen: Tiedostot käsitellään selaimessasi eivätkä koskaan lähetetä palvelimelle

Käyttötapaukset

  • Ostetun tai ladatun fontin arviointi: Kokeile kirjasintyyliä eri koissa, painoissa ja väreissä ennen kuin sitoudut siihen brändissä tai projektissa
  • Webfontin renderöinnin testaaminen: Tarkista, miten .woff2-tiedosto todella näkyy selaimessa, mukaan lukien kirjainparin välistys, välistys ja kursiivi-tyyli
  • Verkkosivuston tai sovelluksen typografian suunnittelu: Iteroi nopeasti fontin kokoa, rivin korkeutta ja kirjainvälistystä löytääksesi oikean yhdistelmän

Tuetut muodot

  • TTF (TrueType Font)
  • OTF (OpenType Font)
  • WOFF (Web Open Font Format)
  • WOFF2 (Web Open Font Format 2.0)

Asetukset selitettynä

  • Näyteteksti — Teksti, joka näkyy pääesikatselupaneelissa; tukee useita rivejä.
  • Fontin koko — Pääesikatselutekstin koko pikseleinä (8–200). Aakkosto-, numero- ja symboli-paneelit renderöidään 75 % tästä arvosta.
  • Rivin korkeus — Pystysuora välistys rivien välillä, ilmaistuna fontin koon prosenttiosuutena (50–300%).
  • Kirjainvälistys — Ylimääräinen väli yksittäisten merkkien välillä pikseleinä (-10–30). Negatiiviset arvot tiukentavat tekstiä.
  • Sanavälistys — Ylimääräinen väli sanojen välillä pikseleinä (-10–50).
  • Fontin paino — Numeerinen paino 100 (Thin) ja 900 (Black) välillä. Vain fonttitiedostoon sisältyvät painot renderöidään selvästi; muut simuloidaan selaimella.
  • Kursiivi — Ottaa käyttöön tai poistaa käytöstä font-style: italic. Jos fontilla ei ole kursiivivaihtoehtoa, selain voi syntetisoida kallistetun version.
  • Tekstin tasaus — Vasemmalle, keskelle, oikealle tai tasattu tasaus esikatselupaneelit.
  • Tekstin väri / Taustaväri — Värit, joita käytetään jokaisessa esikatselupaneelissa, hyödyllisiä fontin esikatseluun sen aiotussa taustassa.

Vinkkejä

  • Jotkut fontit toimitetaan vain yhdellä painolla; lihavoinnin tai ohuuden vaihtaminen voi näyttää identtiseltä tai palautua synteettiseen selaimen tyyliin. Tarkista fontin dokumentaatio, jos paino näyttää väärältä.
  • Käytä kokoskaala-paneelia fonttien havaitsemiseen, jotka eivät ole hyviä pienissä koissa — kirjaintyyppi, joka näyttää eleganttilta 64 px:ssä, voi muuttua lukemattomaksi 12 px:ssä.
  • Testaa fonttia sekä vaaleita että tummia taustoja vastaan; ohuet painot usein katoavat tummille taustoille ja ne on nostettava.
  • Vertaa isoja ja pieniä kirjaimia sisältäviä paneeleita vierekkäin arvioidaksesi x-korkeutta, iso-korkeutta ja yleistä rytmiä.

Rajoitukset

  • Muuttuvan fontin akselit standardipainon ja kursiivin lisäksi eivät ole yksittäin näkyvissä.
  • OpenType-ominaisuudet, kuten ligatuurit, tyylilliset vaihtoehdot ja pienet isot kirjaimet, renderöidään selaimen oletuksilla eivätkä ole vaihdettavissa käyttöliittymässä.
  • Hyvin suuret fonttitiedostot saattavat kestää hetken latautua ja jäsentää.