Mis on fontide testija?

Fontide testija on tööriist, mis võimaldab teil näha, kuidas kirjatüüp välja näeb enne selle kasutamist disainis või veebisaidel. Selle asemel, et installida font operatsioonisüsteemi või manustada see projekti, saate selle otse brauseris laadida ja näha täpselt, kuidas tähed, numbrid ja sümbolid renderdatakse. See on eriti kasulik kohandatud või tundmatute fontide hindamisel, kuna kirjatüübi visuaalne iseloom — selle proportsioonid, kaal, vahemik ja rütm — saab hinnata ainult kontekstis päris tekstiga.

Kaasaegsed brauserid pakuvad FontFace API-t, mis võimaldab registreerida fonti kohalikust failist ja rakendada seda mis tahes lehel olevale elemendile ilma serverisse üleslaadimiseta. Kogu renderdamine toimub lokaalselt, seega fontifail ei lahku kunagi teie seadmest.

Tööriista kirjeldus

See fontide testija võimaldab teil üles laadida fontifaili (TTF, OTF, WOFF või WOFF2) ja näha selle eelvaadet täielikult kohandatavate tüpograafia seadetega. Saate reguleerida suurust, rea kõrgust, tähtede vahelist kaugust, sõnade vahelist kaugust, kaalu, stiili, joondust ja värve, seejärel näha tulemust reaalajas mitmel näidistel — näidistekst, täielik tähestik, numbrid, sümbolid ja suuruste skaala — et hinnata kirjatüüpi igast nurgast.

Font laadatakse täielikult brauseris; üleslaadimist, kontot ega installimist ei nõuta.

Näited

Sisend: Kohandatud .woff2 fail pluss näidistekst The quick brown fox jumps over the lazy dog.

Väljund: Selle lause reaalajas eelvaade renderdatuna üleslaaditud fondis valitud suuruses, kaalu ja vahemikuga, pluss eraldi paneelid, mis näitavad suurtähtede tähestikku, väiketähtede tähestikku, numbreid, sümboleid ja sama pangram'i korduva 12, 16, 20, 24, 32, 48, 64 ja 96 pikslil.

Funktsioonid

  • Kohalik fontide laadimine: Loobige TTF, OTF, WOFF või WOFF2 fail ja näete seda koheselt rakendatuna
  • Täielikud tüpograafia juhtelemendid: Reguleerige fondi suurust, rea kõrgust, tähtede vahelist kaugust, sõnade vahelist kaugust, kaalu, kursiivsust ja joondust
  • Värvide kohandamine: Valige teksti ja tausta värvid, et testida kontrasti ja brändi värve
  • Mitmed näidised: Näidistage fonti kohandatud tekstiga, täieliku tähestikuga, numbritega, sümbolitega ja suuruste skaalaga
  • Privaatsust säästev: Failid töödeldakse teie brauseris ja neid ei laadita kunagi serverisse

Kasutamise juhtumid

  • Ostetud või allalaaditud fondi hindamine: Proovige kirjatüüpi erinevates suurustes, kaalude ja värvides enne selle kinnitamist brändile või projektile
  • Veebifontide renderdamise testimine: Kontrollige, kuidas .woff2 fail tegelikult brauseris kuvatakse, sealhulgas kerning, vahemik ja kursiivstiil
  • Veebisaidi või rakenduse tüpograafia kujundamine: Itereerige kiiresti fondi suuruse, rea kõrguse ja tähtede vahelise kauguse üle, et leida õige kombinatsioon

Toetatud vormingud

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

Valikud selgitatud

  • Näidistekst — tekst, mis kuvatakse peamises eelvaatepaneelil; toetab mitut rida.
  • Fondi suurus — peamise eelvaate teksti suurus pikslites (8–200). Tähestiku, numbri ja sümboli paneelid renderdatakse selle väärtuse 75% juures.
  • Rea kõrgus — vertikaalne vahemik ridade vahel, väljendatuna fondi suuruse protsendina (50–300%).
  • Tähtede vaheline kaugus — täiendav ruum üksikute märkide vahel pikslites (-10 kuni 30). Negatiivsed väärtused tihedavad teksti.
  • Sõnade vaheline kaugus — täiendav ruum sõnade vahel pikslites (-10 kuni 50).
  • Fondi kaal — numbriline kaal 100 (Thin) kuni 900 (Black). Ainult kaalud, mis on tegelikult fontifailis kaasatud, renderdatakse erinevalt; teised simuleeritakse brauseriga.
  • Kursiivsus — lülitab font-style: italic. Kui fontil pole kursiivsusvariant, võib brauser luua kallutatud versiooni.
  • Teksti joondus — vasak, keskele, parem või õigustatud joondus eelvaatepaneelide jaoks.
  • Teksti värvus / Tausta värvus — värvid, mida kasutatakse igas eelvaatepaneelil, kasulik fondi eelvaatamiseks selle kavandatud taustale.

Näpunäited

  • Mõned fondid sisaldavad ainult ühte kaalu; paksule või õhukesele lülitamine võib välja näha identne või langeda tagasi sünteetilisele brauseri stiilile. Kontrollige fondi dokumentatsiooni, kui kaal näeb valesti välja.
  • Kasutage suuruste skaala paneeli, et tuvastada fondid, mis on väikestes suurustes halvasti vihjatud — kirjatüüp, mis näeb 64px juures elegantne välja, võib muutuda 12px juures loetamatuks.
  • Testige oma fonti nii heledal kui ka tumedal taustale; õhukesed kaalud kaovad sageli tumedal taustale ja neid tuleb tõsta.
  • Võrrelge suurtähtede ja väiketähtede paneele kõrvuti, et hinnata x-kõrgust, suurtähtede kõrgust ja üldist rütmi.

Piirangud

  • Muutuvate fontide teljed väljaspool standardset kaalu ja kursiivsust ei ole eraldi avatud.
  • OpenType funktsioonid nagu ligaatuurid, stilistilised alternatiivid ja väikesed suurtähed renderdatakse brauseri vaikesätetega ja neid ei saa kasutajaliideses lülitada.
  • Väga suured fontifailid võivad laadimiseks ja analüüsimiseks võtta veidi aega.