Fonttilaboratorio 01

Katso kirjaimia
toisesta kulmasta.

Kirjoita lyhyt teksti, säädä valoa ja pyöritä muotoa. Kaikki tapahtuu omassa selaimessasi — tekstiä tai kuvaa ei lähetetä palvelimelle.

01

Miksi erilliset fonttitiedostot?

Three.js tarvitsee erillisen TTF- tai WOFF-tiedoston. Jokainen lisättävä tiedosto tarkistetaan ja sen lisenssi säilytetään ennen julkaisemista. Laboratoriossa on erikseen optimoitu 54 fontin valikoima. Koko hakemisto toimii tavallisessa esikatselussa.

02

Onko tämä oikeaa 3D-geometriaa?

Teksti piirretään Troikan SDF-menetelmällä Three.js-näkymään. Se on terävä ja kevyt, mutta ei vielä pursotettu kappale. Aito TextGeometry voidaan lisätä myöhemmin lyhyille otsikoille.

03

Entä ilman WebGL:ää?

Sivuston haku, fonttisivut ja tavalliset esikatselut toimivat ilman WebGL:ää. Laboratorio on valinnainen lisä, ei fonttien käytön edellytys.