Fonts Changer antaa sinun vaihtaa minkä tahansa verkkosivun fontin toiseen Google Fonts -kirjaston fontilla — joko koko sivulle kerralla tai elementtikohtaisesti (vain otsikot, vain leipäteksti tai mikä tahansa tietty elementti, jota napsautat). Fontit ladataan dynaamisesti tarvittaessa, ja voit vaihdella alkuperäisen ja uuden fontin välillä vertaillaksesi vaikutusta luettavuuteen ja ulkoasuun.
Oikean kirjasintyypin valinta on yksi vaikuttavimmista suunnittelupäätöksistä, mutta fonttien testaaminen oikeassa kontekstissa on yllättävän vaikeaa. Google Fonts -esikatselu näyttää fontit erillään mallitekstillä — ei oikean sivusi asettelussa todellisen sisältösi kanssa. Fonts Changer tuo Google Fonts -kirjaston suoraan selaimeen sovellettavaksi oikeille sivuille. Selaa tai hae kirjastosta, napsauta fonttia ja katso sen vaikutus välittömästi. Fontti ladataan dynaamisesti Googlen CDN:stä, joten erillistä latausta tai asennusta ei tarvita. Ota käyttöön koko sivulle nähdäksesi, miltä sivu näyttää uudella kirjasintyypillä, tai napsauta tiettyjä elementtejä testataksesi eri fontteja otsikoissa ja leipätekstissä. Vaihda alkuperäisen ja korvaavan fontin välillä yhdellä napsautuksella ja vertaile luettavuutta, visuaalista painoa ja kokonaisvaikutusta ulkoasuun. Kaikki muutokset ovat palautettavissa — päivitä sivu palauttaaksesi kaiken ennalleen.
Ota uusi fontti käyttöön koko sivulle yhdellä napsautuksella. Jokainen tekstielementti — otsikot, kappaleet, painikkeet, navigaatio, alatunniste — vaihtuu valittuun fonttiin. Näe välittömästi, miten täydellinen kirjasintyypin muutos vaikuttaa kokonaisulkoasuun.
Napsauta tiettyjä elementtejä muuttaaksesi vain niiden fonttia. Testaa serif-fonttia otsikoissa ja sans-serif-fonttia leipätekstissä, tai lisää monospace-fontti ainoastaan koodilohkoihin. Yhdistelemällä eri fontteja saat haluamasi lopputuloksen samalla sivulla.
Selaa ja hae koko Google Fonts -kirjastosta (yli 1 500 fonttiperhe) suoraan työkalun sisällä. Fontit ladataan dynaamisesti Googlen CDN:stä tarvittaessa — erillistä paikallista asennusta tai latausta ei tarvita.
Vaihda alkuperäisen ja korvaavan fontin välillä yhdellä napsautuksella. Sivu vaihtuu välittömästi edestakaisin, jolloin kahden kirjasintyypin luettavuuden, visuaalisen painon, x-korkeuden ja välistyksen vertailu on helppoa.
Kun otat uuden fontin käyttöön, alkuperäiset font-weight- ja font-style-arvot säilyvät. Lihavoidut otsikot pysyvät lihavina, kursivoitu teksti pysyy kursivoituna ja kevytleikauksinen leipäteksti säilyttää kevyen painonsa — kirjasintyyppi vaihtuu, mutta typografinen hierarkia pysyy tallessa.
Hae fontteja nimellä tai suodata kategorian mukaan (serif, sans-serif, display, handwriting, monospace). Löydä sopiva kirjasintyyppi nopeasti yli 1 500 vaihtoehdosta.
Aloitatko uutta verkkosivustoa? Avaa vastaava sivusto ja vaihda sen fontit omiin ehdokkaisiin. Katso, miltä kukin kirjasintyyppi näyttää oikealla sisällöllä ja oikeassa asettelussa — paljon paljastavaampaa kuin Google Fontsin mallitekstiesikatselu.
Näytä asiakkaille suunnittelukatselmuksessa, miltä heidän sivustonsa näyttäisi eri fonteilla. "Tässä on nykyinen ulkoasu... ja tältä se näyttää Playfair Display -otsikkofonteilla." Reaaliaikainen vaihto tekee vertailusta vakuuttavan.
Vertaile, miten eri fontit vaikuttavat pitkien tekstien luettavuuteen. Vaihda blogikirjoituksen fontti Inter-, Georgia-, Lora- ja Merriweather-vaihtoehtojen välillä löytääksesi kirjasintyypin, jota on miellyttävintä lukea haluamassasi kirjasinkoossa.
Harkitsetko brändin uudistamista? Kokeile uusia kirjasintyyppi-ehdokkaita tuotantosivustollasi ja katso, miltä ne näyttävät oikealla sisällölläsi, väreillä ja asettelulla. Paljon nopeampaa kuin mallinnusten luominen jokaiselle vaihtoehdolle.
Testaa, miten eri fontit vaikuttavat lukihäiriöisten tai näkövammaisten käyttäjien luettavuuteen. Fontit kuten OpenDyslexic, Lexie Readable tai suuren x-korkeuden omaavat sans-serif-fontit voidaan ottaa käyttöön välittömästi vaikutuksen tarkistamiseksi.
Avaa DevSuite Pro -kelluva telakka ja napsauta Fonts Changer -kuvaketta. Paneeli avautuu hakutoiminnolla varustetun Google Fonts -kirjaston kanssa.
Kirjoita fontin nimi hakukenttään tai selaa kirjastoa. Rajaa vaihtoehtoja suodattamalla kategorian mukaan (serif, sans-serif, display, monospace).
Napsauta fontin nimeä ottaaksesi sen käyttöön koko sivun tekstille. Tai valitse ensin "Per-Element"-tila, napsauta sitten haluamiasi elementtejä sivulla ja valitse lopuksi fontti.
Käytä vaihtopainiketta siirtyäksesi alkuperäisen ja korvaavan fontin välillä. Vertaile luettavuutta, visuaalista painoa ja ulkoasuvaikutusta rinnakkain.
Kun olet valmis kokeilemaan, päivitä sivu palauttaaksesi kaikki alkuperäiset fontit täysin ennalleen.
Asenna DevSuite Pro ilmaiseksi ja avaa yli 39 kehittäjätyökalua selaimellesi.
