{"id":239568,"date":"2022-04-14T19:33:00","date_gmt":"2022-04-14T16:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=239568"},"modified":"2021-10-27T08:14:21","modified_gmt":"2021-10-27T05:14:21","slug":"5-mahtavaa-google-fonts-ominaisuutta-joista-et-tiennyt","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/5-mahtavaa-google-fonts-ominaisuutta-joista-et-tiennyt\/","title":{"rendered":"5 mahtavaa Google Fonts -ominaisuutta, joista et tiennyt"},"content":{"rendered":"

Jos olet ty\u00f6skennellyt WordPressin kanssa jonkin aikaa, olet todenn\u00e4k\u00f6isesti kuullut Google Fontsista<\/a>.<\/p>\n

Useimmat teemat integroituvat Google Fontsiin, mik\u00e4 tarjoaa satoja ilmaisia \u200b\u200bkirjasinvaihtoehtoja. Esimerkiksi kaikki Pro-p\u00e4ivitykset<\/a> sis\u00e4lt\u00e4v\u00e4t t\u00e4m\u00e4n integroinnin, jonka avulla voit lis\u00e4t\u00e4 satoja fontteja, joista valita.<\/p>\n

Vaikka et ehk\u00e4 tunne sit\u00e4, on monia hienoja ominaisuuksia, jotka keskivertok\u00e4ytt\u00e4j\u00e4 j\u00e4tt\u00e4\u00e4 huomiotta, ja monet n\u00e4ist\u00e4 ominaisuuksista voivat olla hy\u00f6dyllisi\u00e4 valittaessa oikeaa kirjasinta<\/a> verkkosivustollesi.<\/p>\n

T\u00e4st\u00e4 opetusohjelmasta l\u00f6yd\u00e4t viisi k\u00e4yt\u00e4nn\u00f6llist\u00e4 ominaisuutta, joita voit k\u00e4ytt\u00e4\u00e4 Google Fontsissa tehd\u00e4ksesi upeita kirjasinvalintoja br\u00e4ndillesi.<\/p>\n

1 Testaa mukautettua teksti\u00e4<\/h2>\n

Google Fontsin etusivulla n\u00e4ytet\u00e4\u00e4n aina sivuston suosituimmat kirjasimet. Jokaiseen fonttiin on t\u00e4ytetty "tyhjenn\u00e4teksti" sen merkist\u00f6jen esittelemiseksi, mutta voit muuttaa t\u00e4t\u00e4 lennossa.<\/p>\n

Voit esimerkiksi napsauttaa mit\u00e4 tahansa teksti\u00e4 ja aloittaa kirjoittamisen kirjoittaaksesi mit\u00e4 tahansa haluat.<\/p>\n

\"5<\/a><\/p>\n

Vaikka t\u00e4m\u00e4 on hy\u00f6dyllist\u00e4 valittaessa yleist\u00e4 kirjasinta verkkosivustollesi, se on erityisen hy\u00f6dyllist\u00e4, jos haluat valita fontin otsikossa n\u00e4kyv\u00e4lle sivustosi otsikolle. Siit\u00e4 on hy\u00f6ty\u00e4 my\u00f6s, jos etsit uutta logoa.<\/p>\n

2 Valitse "n\u00e4ytt\u00f6"-fontti<\/h2>\n

Jos sinun on tiedett\u00e4v\u00e4 kirjasinten valinnasta yksi asia, se on "n\u00e4ytt\u00f6"-kirjasinten k\u00e4ytt\u00e4minen.<\/p>\n

Vaikka viestitekstiisi sopii hieno serif- tai sans-serif-fontti, otsikot ja sivuston otsikko antavat sinulle mahdollisuuden lis\u00e4t\u00e4 merkki\u00e4. \u00c4lk\u00e4\u00e4 ymm\u00e4rt\u00e4k\u00f6 minua v\u00e4\u00e4rin, mukava kirjasin, kuten Roboto, joka on suunniteltu tekstiviestiin, toimii my\u00f6s hyvin otsikoissa. Voit kuitenkin usein tehd\u00e4 sivustostasi tyylikk\u00e4\u00e4mm\u00e4n valitsemalla otsikoille n\u00e4ytt\u00f6fontin.<\/p>\n

N\u00e4ytt\u00f6fontit ovat yksinkertaisesti fontteja, jotka on suunniteltu n\u00e4ytett\u00e4v\u00e4ksi suurissa koossa. Voit etsi\u00e4 erityisesti n\u00e4ytt\u00f6fontteja Google Fontsista poistamalla valinnat kaikista muista sivupalkin ruuduista, kuten n\u00e4in:<\/p>\n

\"5<\/a><\/p>\n

Voitko kuvitella k\u00e4ytt\u00e4v\u00e4si "Spicy Rice" -fonttia tekstiss\u00e4si? Ilmeisesti se olisi hankala valinta, mutta otsikoiden tai sivustosi otsikon kohdalla t\u00e4llainen kirjasin voi todella t\u00e4ydent\u00e4\u00e4 verkkosivustosi estetiikkaa.<\/p>\n

Jos et todellakaan ole varma, mist\u00e4 aloittaa, katso t\u00e4m\u00e4 kokoelma<\/a> 100 parasta GF:n fonttia.<\/p>\n

3 Vertaile fontteja t\u00e4ydellisen pariliitoksen saamiseksi<\/h2>\n

Kun selaat kirjasimia Google Fontsissa, voit tarkastella kirjasinta tarkemmin viem\u00e4ll\u00e4 hiiren osoittimen fontin p\u00e4\u00e4lle ja napsauttamalla "Katso malli" -linkki\u00e4.<\/p>\n

\"5<\/a><\/p>\n

Seuraavan sivun alalaidasta l\u00f6yd\u00e4t "suositut pariliitokset" -ominaisuuden.<\/p>\n

\"5<\/a><\/p>\n

Kirjasimien yhdist\u00e4minen pariksi on eritt\u00e4in haastavaa, jos et ole perehtynyt typografiaan, mik\u00e4 tekee t\u00e4st\u00e4 ominaisuudesta eritt\u00e4in hy\u00f6dyllisen. Voit yksinkertaisesti valita toisen kirjasimen suosittujen pariliitosten osiosta ja saada sivustollesi upean ulkon\u00e4\u00f6n.<\/p>\n

4 Ota selv\u00e4\u00e4 fontin takana olevasta tarinasta<\/h2>\n

T\u00e4m\u00e4 on itse asiassa suosikkiominaisuusni Google Fontsissa.<\/p>\n

Kest\u00e4\u00e4 aikaa kehitt\u00e4\u00e4 silm\u00e4\u00e4 l\u00f6yt\u00e4\u00e4ksesi sopivat kirjasintyypit, jotka vastaavat etsim\u00e4\u00e4si tunnelmaa ja estetiikkaa. Joskus on hy\u00f6dyllist\u00e4 selvitt\u00e4\u00e4, mit\u00e4 alkuper\u00e4inen suunnittelija oli mieless\u00e4\u00e4n luodessaan fonttia.<\/p>\n

Kun olet napsauttanut kirjasimen Katso malli -linkki\u00e4, l\u00f6yd\u00e4t sivupalkista Tietoja-osion.<\/p>\n

\"5<\/a><\/p>\n

Minusta on aina helpompi k\u00e4ytt\u00e4\u00e4 fonttia tehokkaasti, kun olen oppinut kuinka ja miksi se on suunniteltu.<\/p>\n

5 Lataa fontteja (ja pid\u00e4 ne synkronoituna)<\/h2>\n

Kirjasinten lis\u00e4\u00e4minen verkkosivustollesi on melko yksinkertaista ja sis\u00e4\u00e4nrakennettu Google Fonts -prosessiin. Tarvitset kuitenkin my\u00f6s fontit asennettuna tietokoneellesi, jos haluat k\u00e4ytt\u00e4\u00e4 niit\u00e4 Sketchin tai Photoshopin kaltaisissa ohjelmissa.<\/p>\n

Paras tapa ladata fontit on SkyFonts,<\/a> jota Google Fonts suosittelee my\u00f6s heid\u00e4n sivustollaan.<\/p>\n

\"5<\/a><\/p>\n

N\u00e4in voit nopeasti ladata kokonaisia \u200b\u200bkirjasinperheit\u00e4 (joka painoinen) ja pit\u00e4\u00e4 ne ajan tasalla tietokoneellasi.<\/p>\n

K\u00e4yt\u00e4 Google Fontsia kuin ammattilainen<\/h2>\n

Olitpa kokenut web-suunnittelija tai t\u00e4ysin uusi verkkosivustojen tekeminen, n\u00e4m\u00e4 vinkit auttavat sinua saamaan kaiken irti sivustostasi.<\/p>\n

Rakastan n\u00e4iden ominaisuuksien k\u00e4ytt\u00f6\u00e4 valittaessani kirjasimia tekemilleni teemoille<\/a>, ja toivon, ett\u00e4 ne auttavat sinua rakentamaan kauniimman verkkosivuston!<\/p>\n

Onko sinulla kysytt\u00e4v\u00e4\u00e4 tai muita ominaisuuksia jaettavaksi? J\u00e4t\u00e4 kommentti alle.<\/p>\n

: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Google Fonts on yksi niist\u00e4 ty\u00f6kaluista, joita k\u00e4yt\u00e4t jatkuvasti, mutta et koskaan tutki. Tutustu n\u00e4ihin viiteen hienoon ominaisuuteen, joista et luultavasti tiennyt.<\/p>\n","protected":false},"author":1,"featured_media":261789,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[570],"tags":[843],"class_list":["post-239568","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressin-perusteet","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/239568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=239568"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/239568\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/261789"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=239568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=239568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=239568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}