Artikla

Yli 50 parasta Google-fonttia: Kuinka valita kirjasimet yrityksellesi

Google-fontit ovat yksi suosituimmista kirjasintyypeistä, jotka löydät verkosta. Jos sinulla on tällä hetkellä verkkoyhteys Shopify-myymälä tiedät, että käytät Google-fontteja verkkosivustollasi. Googlen verkkofontit ovat usein vakiofonttiesimerkkejä, joita suositut tuotemerkit, kuten Canva, käyttävät. Etsitpä parhaita Googlen fonttiyhdistelmiä tai tarvitset apua käsinkirjoitettujen Google-kirjasinten löytämisessä, tässä artikkelissa on eritelty parhaat web-fontit, joita voit käyttää verkkosivustollasi tai suunnittelutyössäsi.





Lähetä sisältö

mikä on kaikkien aikojen myydyin tuote

Älä odota, että joku muu tekee sen. Palkkaa itsesi ja aloita soittamista.





Aloita ilmaiseksi

Mitä Google-fontit ovat?

Google Fonts on typografiakirjasto, jonka Google on luonut 923 lisensoidut fontit, joita voidaan käyttää ilmaiseksi liike- tai henkilökohtaisiin tarkoituksiin. Niitä voidaan käyttää verkkosivustollasi, suunnittelutyössä, koulutehtävissä, tuotteissa ja muussa.

Nämä fontit on jo asennettu suosituille alustoille, kuten Shopify ja Canva, mikä yksinkertaistaa suunnittelua yritysten omistajille. Voit kuitenkin ladata myös web-fontit tietokoneellesi henkilökohtaiseen käyttöön.


OPTAD-3

GOOGLE FONTS

Kuinka valita Google-fontit

Useat tekijät voivat auttaa sinua valitsemaan Google-fontin. Kun valitset käytettävän verkkofontin, sinun on otettava huomioon luettavuus, tarkoitus, Google-fonttiyhdistelmät, suosio ja intuitio. Tässä on muutama idea, joiden avulla voit paremmin ymmärtää, mitä fontteja sinun tulisi käyttää eri tilanteissa:

1. Luettavuus

Jos kirjoitat kirjaa, blogisisältöä tai muuta tekstiä sisältävää, kannattaa harkita serif-fontin valitsemista. Serif-fontti on sellainen, jossa se näyttää olevan kirjaimet 'jalat'. Nämä jalat yhdistävät kirjaimet lähemmäs toisiaan, mikä helpottaa niiden lukemista. Jos tarkastelet serif-fontteja, niillä ei ole näitä jalkamaisia ​​laajennuksia, mikä vaikeuttaa hieman pidempien kohtien lukemista.

2. Tarkoitus

Kirjasimen valinnassa se voi kiehua käyttötarkoitukseensa. Voit esimerkiksi käyttää Google Fonts -käsikirjasinta hääkutsujen yhteydessä, koska tässä asetuksessa on tapana käyttää kursivifontteja. Voit valita ansioluettelosi muodollisen fontin, kuten Helveticish, koska se luo puhtaamman ilmeen. Jos käytät funkys-kirjasinta, kuten ABYS, se korostetaan sana tai kaksi suunnittelussa pikemminkin kuin tekstiä enemmän. Haluat valita Google-kirjasimen, joka soveltuu muotoiluun, kontekstiin ja teollisuuteen, jota varten käytät fonttia.

3. Parhaat Google-fonttiyhdistelmät

Jaamme joitain Google Font -yhdistelmiä myöhemmin tässä artikkelissa. Kun valitset fonttiparin, sinun on kuitenkin harkittava, kuinka täydentävät ne ovat toisiaan. Voit yhdistää modernin sans serif -otsikon serif-tekstiin.

fonttiyhdistelmät sans serif ja serif

kuinka usein yrityksen tulisi lähettää Facebookiin

Hienoväriset fontit toimivat hyvin otsikoina ja yhdistävät ne luettaviin serif-runkofontteihin luodakseen puhtaan ja helposti luettavan ilmeen.

ohut fontti ja serif-yhdistelmä

Lihavoitu serif-Google-fontti voi yhdistää suositun sans serif -fontin kanssa tekstin kevyeen kopioon.

serif-fontti ja sans serif -fonttiyhdistelmä

Yli 900 fontin avulla saatat ajatella, että jokin niistä voisi toimia missä tahansa tilanteessa. Useimmat suunnittelijat turvautuvat kuitenkin usein samaan määrään fontteja, jotka toimivat hyvin useimmissa malleissa. Esimerkiksi luotaessa nastoja Pinterestiin huomasin, että Google-fontti Playfair Display toimii hyvin pakottavissa napsautuksissa kursiivilla. Olen kokeillut useita muita fontteja alustalla, mutta parhaiten menestyvät nastani ovat aina peräisin samasta Google-fontista. Kokemuksen myötä aloitat myös muutaman tärkeimmän fontin valitsemisen. On hyvä käyttää samoja Google-fontteja usein. Jos se toimii, älä pelkää jatkaa sen käyttöä.

5. Mene suolesi kanssa

Joskus fontti näyttää oikealta ja toisinaan se näyttää olevan poissa käytöstä. Vaikka jotkut yllä olevista säännöistä voivat auttaa sinua määrittämään oikean fontin, Google-fontteja on aivan liian monta täydellisten sääntöjen luomiseen. Toisinaan sinun on kokeiltava ja pelattava kirjasinvalinnoilla nähdäksesi, mikä näyttää parhaalta. Jos ymmärrät graafisen suunnittelun tavanomaiset periaatteet ja elementit, sinulla on parempi käsitys siitä, mikä fontti toimii parhaiten, kun työskentelet koko mallin parissa.

Miksi Google-fontit ovat tärkeitä

Google-fontit ovat tärkeitä, koska niiden avulla voit kommunikoida erilaisista sävyistä ja brändin persoonallisuudesta typografian avulla. Se, että käytettävissä on yli 900 ilmaista Google-verkkofonttia, antaa budjetilla toimiville yrityksille mahdollisuuden käyttää erilaista typografiaa tarvitsematta maksaa uusien fonttien lisenssejä.

Yli 50 Google-fonttia käytettäväksi vuonna 2021

Parhaat Google-fontit

  1. Robotti
  2. Avaa ilman
  3. Sivu
  4. Oswald
  5. Heikko 27 px
  6. robotit Medium
  7. Montserrat
  8. Lähde Sans Pro
  9. Raleway
  10. PT Sans

parhaat google-fontit

Google-fonttien luettelo

Google-fontteja on tällä hetkellä 923. Tässä on muutama Google-fontit-luettelossa:

julkaise oma viesti Instagramissa
  1. Playfair-näyttö
  2. Katkera
  3. Ilmainen Baskerville
  4. Kapea tiedosto
  5. Alegreya Sans
  6. Ubuntu
  7. Punainen teksti
  8. Heebo
  9. Mökki
  10. Hummeri

Google-fonttien luettelo

Ilmaiset Google-fontit

  1. Rauhallinen
  2. Huhtikuun rasva
  3. Barlow
  4. Bree Serif
  5. Karkkia
  6. Sans Vaatteet
  7. Valvoja
  8. Orbitron
  9. Zilla-levy
  10. Suuri tunnelma

Ilmaiset Google-fontit

Paras fontti verkkosivustolle

  1. Playfair-näyttö
  2. Kantaatti Yksi
  3. Robotti heikko
  4. Ohdake
  5. Montserrat
  6. Poppins
  7. Merriweather
  8. Lora
  9. Hallitse
  10. Karla

Paras fontti verkkosivustolle

Parhaat Serif-Google-fontit

  1. Robotti heikko
  2. Punainen teksti
  3. Heikko 27 kuvapistettä
  4. EB Garamond
  5. Valvoja
  6. Neutoni
  7. Zilla-levy
  8. Josefin-laatta
  9. Unna
  10. Abhaya Free

Parhaat Serif-Google-fontit

Parhaat Sans Serif Google -fontit

  1. Robotti
  2. Ubuntu
  3. Rubik
  4. Mökki
  5. Heebo
  6. Huomattava
  7. Barlow
  8. Kapea tiedosto
  9. Savu
  10. Sans Vaatteet

Parhaat Sans Serif Google -fontit

Paras Google-fonttien käsinkirjoitus

  1. Indie-kukka
  2. Rauhallinen
  3. Varjot valoon
  4. Karkkia
  5. Amatic SC
  6. Suuri tunnelma
  7. Arkkitehdit tytär
  8. Mitään et voi tehdä
  9. Reenie Beanie
  10. Sue Ellen Francisco

Paras Google-fonttien käsinkirjoitus

Paras Google-fonttien näyttö

  1. Squada One
  2. Bahianiata
  3. Barriecito
  4. Vuoria joulua
  5. Hummeri
  6. Huhtikuun rasva
  7. Vanhurskaat
  8. Comfortaa
  9. Geostar
  10. Hit One

Paras Google-fonttien näyttö

Paras Google Fonts Monospace

  1. Roboto Mono
  2. Lohduttamaton
  3. Lähdekoodi Pro
  4. Serkku
  5. PT Mono
  6. Nanum-goottilainen koodaus
  7. Avaruusmono
  8. Nimetön Pro
  9. Cutive Mono
  10. Happi Mono

Paras Google Fonts Monospace

Google-fontit Androidille

  1. Kirjallisuus
  2. Sivu
  3. Montserrat
  4. Avaa ilman
  5. Raleway
  6. Oswald
  7. Merriweather
  8. Poppins
  9. Robotti heikko
  10. Playfair-näyttö

Google-fontit Androidille

Parhaat Google-fontit logoille

  1. Karla
  2. Työskentele ilman
  3. Oswald
  4. Robotti
  5. Rubik
  6. Poppins
  7. Mökki
  8. Montserrat
  9. Pukki
  10. Sivu

Parhaat Google-fontit logoille

Parhaat Google-fontit

  1. Cutive Mono
  2. Mökki
  3. Katkera
  4. Arvo
  5. Anton
  6. Huomattava
  7. Fjalla Yksi
  8. Mukta
  9. Varela-kierros
  10. Tummempi groteski

Parhaat Google-fontit

Paras kirjasinperhe verkkosivustolle

  1. Montserrat
  2. Raleway
  3. Robotti
  4. Poppins
  5. Vapaa Franklin
  6. Lähde Sans Pro
  7. Uudelleen
  8. Barlow
  9. Exo
  10. Ylikulkusilta

Paras kirjasinperhe verkkosivustolle

Google Fonts Shopify

  1. Huhtikuun rasva
  2. Rauhallinen
  3. Karjatila
  4. Sansita Yksi
  5. Lohduttamaton
  6. Nimetön Pro
  7. Fira Sans
  8. Sivu
  9. East Web
  10. Katkera

Google Fonts Shopify

Google-fontit WordPress

  1. Kysy
  2. Rockitt
  3. Kesäkurpitsa
  4. Alegreya
  5. Vanha vakio TT
  6. Ohdake
  7. Zilla-levy
  8. Goottilainen polku
  9. Cantarell
  10. Nanum Myeongjo

Google-fontit WordPress

Parhaat Google-fonttiyhdistelmät

  1. Vast Shadow - Playfair-näyttö
  2. Montserrat - Droid-sarja
  3. Oswald - Roboto
  4. Sivu - Merriweather
  5. Raleway - Roboto Mono
  6. Abel - Ubuntu
  7. Ilmainen Proza - Avoin Sans
  8. Rubik - Karla
  9. Bree Serif - Lora
  10. Poppins - Nimetön Pro

Kuinka ladata Google-fontit

1. Google-kirjasimilla verkkosivusto , valitse kaikki ladattavat fontit napsauttamalla plusmerkkiä kunkin fontin osiossa.

lataa google fontteja

2. Avaa seuraavaksi näytön alareunassa oleva ponnahdusikkuna

lataa google fontteja

3. Valitse alanuoli (latauskuvake)

lataa google fontteja

miten luoda instagram-tili organisaatiolle

4. Paina “Lataa”

5. Zip-tiedosto ladataan

6. Avaa tiedosto ja napsauta ensimmäistä kirjasinta

lataa google fontteja

7. Asenna kukin kirjasin kansioon manuaalisesti

Kuinka asentaa Google-fontti verkkosivustollesi

Voit asentaa minkä tahansa Google-fontin, jota ei ole vielä asennettu verkkosivustollesi. Yksi helpoimmista tavoista tehdä tämä on asentaa maksettu Shopify-sovellus kauppaan. Esimerkiksi, Vahvista Nitro App -sovelluksella voit asentaa haluamasi kirjasimen verkkosivustollesi tarvitsematta tietää kuinka koodata.

Muussa tapauksessa sinun on muokattava teeman asetuksia. Muista kopioida teema, jotta et menetä mitään työstäsi, jos jokin menee pieleen. Jos et halua tehdä sitä itse ja et halua maksaa sovelluksesta, voit palkata Shopify-asiantuntijan. Shopify-asiantuntijoilla on kokemusta teemojen muokkaamisesta, ja he voivat lisätä haluamasi Google-fontin verkkosivustollesi kertamaksulla. Jos et ole varma haluamastasi fontista, lataa useita verkkofontteja kerralla, jotta et maksaisi enemmän kuin tarvitset.

Voit myös upottaa Google-fontit verkkosivustollesi. Suuntaa esimerkiksi virallinen nettisivu . Napsauta sitten plusmerkkiä haluamallasi kirjasimella. Ponnahdusikkuna tulee näkyviin. Kopioi ja liitä sitten Upota-kohtaan koodi verkkosivustosi HTML-osan yläosassa. Tämän seurauksena tekstisi näkyy siinä kirjasimessa. Tämä prosessi voi olla vähän manuaalinen, mutta se on nopea ratkaisu niille, jotka eivät ole tekniikan taitavia ja joilla on tiukka budjetti.

Google Font Generators

1. Canva

Canva Fonttigeneraattorin avulla voit löytää parhaat Google-fonttiyhdistelmät. Luot sitten mainoksen tai sosiaalisen median viestin, voit päättää käyttää kahta fonttia. Yhtä näistä kirjasimista voidaan käyttää otsikkona ja toista tekstinä. Tämän jälkeen voit käyttää näitä fontteja suunnittelemaan ja luomaan sisältöä Canvan alustalle, joka käyttää myös erilaisia ​​Google-fontteja. Sinun tarvitsee vain kirjoittaa tai valita fontti, jolle haluat löytää yhdistelmän. Sitten Canva esittelee sinulle parhaan ottelun. Kaikkia fontteja ei ole saatavana tällä työkalulla, mutta löydät joitain parhaita Google-fontteja.

parhaat google-fonttiyhdistelmät

2. Kirjasinpari

Fontin pari Googlen fonttigeneraattori auttaa sinua löytämään fonttiparit verkkosivustollesi tai muulle sisällölle. Kattava verkkosivusto keskittyy kirjasimiin, jotka perustuvat erilaisiin kirjasinperheisiin. Voit esimerkiksi löytää san serif- ja serif-fonttiyhdistelmiä tai näyttö- ja serif-fonttiyhdistelmiä. Joten jos haluat yhdistää kaksi tiettyä kirjasinperhettä, tämä Google-fonttigeneraattori tekee tempun.

suosituimmat sosiaalisen median sivustot 2018

kirjasinpari

3. Fontjoy

Fontjoy Googlen fonttigeneraattori esittelee kolme käytössä olevaa kirjasinta. Yläfontti on otsikon, toisen fontin ja alaotsikon paras fontti, ja kolmas fontti on runko. Sinun ei tarvitse käyttää kaikkia kolmea fonttia. Jos etsit esimerkiksi verkkosivustollesi otsikkoa ja tekstiä, voit valita vain ensimmäisen ja kolmannen fontin. Tämän työkalun hienoa on, että näet kirjasimen toiminnassa auttaaksesi sinua ymmärtämään, sopiiko tämä fonttiyhdistelmä tarpeisiisi.

fontin ilo

4. Analyysi

Analytics ei välttämättä ole Google-fonttien generaattori perinteisessä mielessä. Se kuitenkin opettaa sinulle, mitkä ovat suosituimmat Google-fontit. Jos haluat pitää kiinni suosituimmista verkkofontteista, opit nopeasti, että Roboto on luettelon kärjessä. Psykologiassa on jotain, jota kutsutaan pelkäksi altistumisvaikutukseksi, mikä tarkoittaa, että ihmiset pitävät asioista, jotka ovat heille parhaiten tuttuja. Pitämällä kiinni Googlen parhaista verkkofontteista ihmiset 'teoriassa' suosivat näkemäänsä kirjasinta.

parhaat google-fontit

Johtopäätös

Google-fontteja voidaan käyttää sosiaalisen median grafiikoissa, t-paitojen suunnittelussa, verkkosivustoissa ja muissa markkinointielementeissä verkkoyrityksellesi. Kun valitset fontin, muista ottaa huomioon fontin sävy, luettavuus ja sopivuus kyseiseen tilanteeseen. Se on okei, jos huomaat, että käytät samaa tyyliä kirjasimilla työssäsi, suunnittelijat tekevät sen koko ajan. Keskity valitsemaan Google-verkkofontit, jotka sopivat parhaiten tavoitteeseesi, ja ne auttavat täydentämään suunnittelua.

Mitä Google-fontteja käytät verkkokaupassasi? Kommentoi alla!

Haluatko oppia lisää?



^