TypeWonder: Testaa Google Web -fontit millä tahansa verkkosivustolla

Sisällysluettelo:

TypeWonder: Testaa Google Web -fontit millä tahansa verkkosivustolla
TypeWonder: Testaa Google Web -fontit millä tahansa verkkosivustolla
Anonim

Google-fontit on web-jättiläisen suuri maksuton fonttitietokanta. Voit saada tonnia ilmaisia kirjasimia käytettäväksi työpöydällä sekä verkkosivustoilla. Jos hallitset omaa blogiasi, voit kokeilla ulkoasua tietyn uuden fontin soveltamisen jälkeen. On selvää, että live-verkkosivustolla ei ole suoraa muutosta. Jos käytät paikallisen isännän testata uutta muotoilua, tämä on hieno. Kuitenkin, jos et halua käyttää paikallisvastaanottajaa kokeilemaan suunnittelua uudella fontilla, tässä on vaihtoehto.

Testaa Google Web -fontit verkkosivustolla

TypeWonder on ilmainen web-sovellus, jonka avulla käyttäjät voivat käyttää Google-kirjasinta käytännöllisesti. Se on yksinkertaisin tapa testata Google Fontsia millä tahansa verkkosivustolla. Sinun ei tarvitse upottaa koodia tai tehdä mitään muuta tarkistaa sivustosi ulkoasu

Kuinka käyttää TypeWonderia

Tämä on "tarkista ja unohda" -työkalu. Siirry vain TypeWonder-verkkosivustoon. Näet seuraavan näytön.

Image
Image

Anna sivustosi URL-osoite ja paina Mennä painiketta. Saat ponnahdusikkunan, joka näyttää tältä:

Se pyytää sinua valitsemaan fontin. Voit valita fontin, jota haluat käyttää. Voit etsiä fontteja, suosio, julkaisupäivä jne. Samalla, jos et löydä fonttia nopeasti, voit etsiä sitä myös nimenomaan.
Se pyytää sinua valitsemaan fontin. Voit valita fontin, jota haluat käyttää. Voit etsiä fontteja, suosio, julkaisupäivä jne. Samalla, jos et löydä fonttia nopeasti, voit etsiä sitä myös nimenomaan.
Image
Image

Kun olet saanut haluamasi fontin, napsauta sitä ja paina painiketta Käyttää painiketta. TypeWonder kestää pari sekuntia näyttää tuloksen sen jälkeen, kun olet lyönyt Käyttää painiketta.

Image
Image

Jos et pidä nykyisestä kirjasimesta ja haluat käyttää muita esikatselukirjoitettuja fontteja, napsauta Muuta fonttia -painiketta ja valitse toinen fontti samassa prosessissa. Jos haluat käyttää nykyistä fonttia, napsauta Hanki koodi -painiketta saadaksesi koodin, jonka yleensä haluat upottaa sisään sivustosi tunniste.

Kopioi koodi yllä näytetystä ikkunasta ja liitä se oikeaan paikkaan. Tämän jälkeen voit käyttää kyseistä kirjasinta koko sivustossasi.
Kopioi koodi yllä näytetystä ikkunasta ja liitä se oikeaan paikkaan. Tämän jälkeen voit käyttää kyseistä kirjasinta koko sivustossasi.

Jos työskentelet tiimin kanssa ja haluat jakaa verkkosivustosi demoasi tietyn Google-fontin käytön jälkeen, voit käyttää sitä Jaa painiketta. Tyyppi Wonder tarjoaa verkkosivustolle yksilöllisen URL-osoitteen.

Sivuston suunnittelun muutosten soveltaminen voi vahingoittaa käyttäjäkokemusta, jos se menee pieleen. Fontit ovat toisaalta tärkeä rooli web-suunnittelussa ja käyttökokemuksessa. Siksi sinun on aina tarkistettava ja käytettävä parasta fonttia, joka sopii hyvin yleiseen muotoiluun.

Jos haluat, voit tarkistaa TypeWonderin osoitteessa tässä. Se voi säästää arvokasta aikaa näyttämällä eri Google-kirjasimia nopeasti, kun manuaalinen prosessi kuluttaa paljon aikaa jopa paikallisessa isännässä.

Aiheeseen liittyvät julkaisut:

  • Ero Windows 8: n, Windows 8 Pro: n ja Windows 8 RT: n välillä
  • Täydellinen luettelo Windows Live Writer -pikavalinnoista
  • Estä luottamukselliset fontit, jotta verkko on turvallinen Windows 10: ssa
  • Ilmainen fonttikokoelma, logoja ja kaupallista käyttöä varten
  • SkyFonts: lataa ja asenna Google Fontit Windows-tietokoneelle

Suositeltava: