{"id":238193,"date":"2022-04-02T11:20:00","date_gmt":"2022-04-02T08:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=238193"},"modified":"2021-10-27T04:25:29","modified_gmt":"2021-10-27T01:25:29","slug":"fonttien-vaihtaminen-wordpressissa-helppo-tapa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/fonttien-vaihtaminen-wordpressissa-helppo-tapa\/","title":{"rendered":"Fonttien vaihtaminen WordPressiss\u00e4 [helppo tapa]"},"content":{"rendered":"<p>Haluatko vaihtaa WordPress-sivustollasi k\u00e4ytett\u00e4v\u00e4\u00e4 fonttia?<\/p>\n<p>Oikeilla ty\u00f6kaluilla sivustosi kirjasimen vaihtaminen tai useiden uusien fonttien lis\u00e4\u00e4minen on helppoa. Seuraa t\u00e4t\u00e4 nopeaa opetusohjelmaa, niin saat uuden kirjasimen n\u00e4kyviin sivustollesi muutaman minuutin kuluessa.<\/p>\n<h2>Helppojen Google-fonttien k\u00e4ytt\u00e4minen<\/h2>\n<p>Paras tapa vaihtaa sivustosi fontti on <a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Easy Google Fonts<\/a> -laajennus.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fca7150.png\" alt=\"Fonttien vaihtaminen WordPressiss\u00e4 [helppo tapa]\" \/><\/a><\/p>\n<p>T\u00e4m\u00e4n laajennuksen avulla p\u00e4\u00e4set k\u00e4ytt\u00e4m\u00e4\u00e4n satoja erilaisia \u200b\u200bfontteja sivustossasi. Ennen kuin siirrymme laajennukseen, kerromme, mit\u00e4 Google Fonts on.<\/p>\n<p><strong>P\u00e4ivitys:<\/strong> uusi opetusvideoni opastaa sinut vaiheiden l\u00e4pi (se k\u00e4ytt\u00e4\u00e4 eri laajennusta kuin t\u00e4ss\u00e4 opetusohjelmassa).<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/_CZCfFl59iE\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Tilaa kilpailuteemat Youtubessa<\/a><\/p>\n<h3>Mik\u00e4 on Google Fonts?<\/h3>\n<p><a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google Fonts<\/a> tarjoaa p\u00e4\u00e4syn satoihin kirjasimiin, joita voi k\u00e4ytt\u00e4\u00e4 ilmaiseksi kaikilla verkkosivustoilla. Google Fonts tekee sen helpoksi kaikille verkkokehitt\u00e4jille, jotka haluavat lis\u00e4t\u00e4 fontin sivustoonsa.<\/p>\n<p>Jos et tied\u00e4 verkkosivustojen rakentamisen yksityiskohtia, Easy Google Fonts -laajennus tulee k\u00e4ytt\u00f6\u00f6n. Se hoitaa tekniset osat puolestasi, joten sinun tarvitsee vain valita haluamasi kirjasimet.<\/p>\n<p>Sain sen? Hienoa, lis\u00e4t\u00e4\u00e4n fontit!<\/p>\n<h3>Luo fonttihallinta<\/h3>\n<p>Kun aktivoit laajennuksen, Asetuksiin lis\u00e4t\u00e4\u00e4n uusi Google Fonts -valikkokohde. T\u00e4lt\u00e4 sivulta l\u00f6yd\u00e4t seuraavat vaihtoehdot:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fedf994.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f52fedf994.png\" alt=\"Fonttien vaihtaminen WordPressiss\u00e4 [helppo tapa]\" ><\/a><\/p>\n<p>My\u00f6hemmin m\u00e4\u00e4rit\u00e4t kirjasimia &quot;fontinhallintaasi&quot;, jotta sinulla voi olla useita kirjasins\u00e4\u00e4timi\u00e4 erilaisilla fonteilla ja asetuksilla. Toistaiseksi sinun tarvitsee vain nimet\u00e4 kirjasinohjaimesi.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f53009918f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f53009918f.png\" alt=\"Fonttien vaihtaminen WordPressiss\u00e4 [helppo tapa]\" ><\/a><\/p>\n<h3>Lis\u00e4\u00e4 CSS-valitsin<\/h3>\n<p>Ohjaimen nimen alla on laatikko, jossa voit m\u00e4\u00e4ritt\u00e4\u00e4 k\u00e4ytett\u00e4v\u00e4t CSS-valitsimet. Jos et tied\u00e4, mik\u00e4 CSS-valitsin on, se ei ole ongelma.<\/p>\n<p>Oletusarvoisesti on lis\u00e4tty kolme CSS-valitsinta. Napsauta &quot;x&quot; kunkin kohdalla poistaaksesi ne. Kun olet poistanut, kirjoita t\u00e4hti (*) ja paina Enter. CSS Selectors -asetuksen pit\u00e4isi nyt n\u00e4ytt\u00e4\u00e4 t\u00e4lt\u00e4:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f530271229.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f530271229.png\" alt=\"Fonttien vaihtaminen WordPressiss\u00e4 [helppo tapa]\" ><\/a><\/p>\n<p>T\u00e4hti on CSS-valitsin, joka kohdistaa kaikkiin sivuston HTML-elementteihin. Toisin sanoen olet juuri k\u00e4skenyt Easy Google Fontsia k\u00e4ytt\u00e4m\u00e4\u00e4n uutta kirjasintasi kaikessa sivuston tekstiss\u00e4.<\/p>\n<h3>Pakota tyylien ohitus<\/h3>\n<p>Suosittelen valitsemaan my\u00f6s &quot;Pakota tyylien ohitus&quot; -ruudun. T\u00e4m\u00e4 varmistaa, ett\u00e4 valitsemasi kirjasin ohittaa teemassa k\u00e4ytetyt kirjasimet. T\u00e4m\u00e4n vaihtoehdon k\u00e4ytt\u00e4misess\u00e4 ei ole haittoja, joten voit my\u00f6s tarkistaa sen s\u00e4\u00e4st\u00e4\u00e4ksesi minuutin, jos fontit eiv\u00e4t ohita ilman sit\u00e4.<\/p>\n<h3>Valitse uusi fontti<\/h3>\n<p>Nyt kun Easy Google Fonts tiet\u00e4\u00e4, mihin sivustosi osiin vaikuttaa, voit kertoa sille, mit\u00e4 fonttia tulee k\u00e4ytt\u00e4\u00e4.<\/p>\n<p>Aloita kirjasimen valinta k\u00e4ym\u00e4ll\u00e4 mukauttajassa (Ulkoasu &gt; Mukauta). Kun olet siell\u00e4, napsauta uutta typografia-osiota.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5304667c4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5304667c4.png\" alt=\"Fonttien vaihtaminen WordPressiss\u00e4 [helppo tapa]\" ><\/a><\/p>\n<p>EGF toimii hyvin <a href=\"https:\/\/www.competethemes.com\/period\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Period-<\/a> teeman kanssa.<\/p>\n<p>T\u00e4m\u00e4 osio paljastaa kaksi uutta alaosiota: oletustypografia ja teematypografia. Napsauta Teeman typografia -osiota.<\/p>\n<p>N\u00e4et nyt aiemmin nime\u00e4m\u00e4si s\u00e4\u00e4timen. Napsauta Muokkaa fonttia -painiketta n\u00e4hd\u00e4ksesi mukautusvaihtoehdot.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5306ee488.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179764-616f5306ee488.png\" alt=\"Fonttien vaihtaminen WordPressiss\u00e4 [helppo tapa]\" ><\/a><\/p>\n<p>Vaihtoehtoja on melko v\u00e4h\u00e4n, mutta vain kahta sinun on muokattava.<\/p>\n<h3>Muuta komentosarjaa\/osajoukkoa<\/h3>\n<p>Fontit sis\u00e4lt\u00e4v\u00e4t merkist\u00f6j\u00e4, jotka on suunniteltu mukautumaan eri kieliin. Jos sivustosi on englanninkielinen, valitse ensimm\u00e4inen vaihtoehto, latina.<\/p>\n<p>Valitsemalla &quot;Kaikki osajoukot&quot; kirjasintiedostot suurenevat paljon ja latausaika kasvaa.<\/p>\n<h3>Valitse kirjasinperhe<\/h3>\n<p>T\u00e4ss\u00e4 voit vihdoin valita uuden fontin. Kun valitset erilaisia \u200b\u200bfontteja, n\u00e4et verkkosivustosi p\u00e4ivittyv\u00e4n v\u00e4litt\u00f6m\u00e4sti.<\/p>\n<p>Vaikka t\u00e4m\u00e4 on varmasti loistava tapa esikatsella ja vaihtaa kirjasimia, se ei ole tehokas tapa selata.<\/p>\n<p>Suosittelen, ett\u00e4 k\u00e4yt <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google Fontsissa,<\/a> joka on hyvin suunniteltu fonttien selaamiseen ja etsimiseen. Kun l\u00f6yd\u00e4t haluamasi kirjasimet, palaa sivustollesi ja kokeile niit\u00e4 Easy Google Fontsilla<\/p>\n<h2>Fonttien lis\u00e4\u00e4minen ja mukauttaminen<\/h2>\n<p>Toivottavasti pid\u00e4t uudesta fontistasi jo nyt, mutta Easy Google Fontsilla voit tehd\u00e4 paljon muutakin.<\/p>\n<p>Muistatko oletustypografia-osion aikaisemmasta? Voit k\u00e4ytt\u00e4\u00e4 sit\u00e4 mukauttaaksesi otsikoitasi ja kappaleitasi. Lis\u00e4ksi sinun ei tarvitse pys\u00e4hty\u00e4 vaihtamaan kirjasinperhett\u00e4, voit my\u00f6s muuttaa fontin kokoa ja v\u00e4ri\u00e4. Ja jos olet tyytyv\u00e4inen joihinkin CSS-valitsimiin, voit muokata fonttia miss\u00e4 tahansa sivustosi osassa.<\/p>\n<p>Jos sinulla on kysytt\u00e4v\u00e4\u00e4 kirjasinten vaihtamisesta WordPressill\u00e4 tai sinulla on pyynt\u00f6 uudesta opetusohjelmasta, j\u00e4t\u00e4 kommentti alle.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Onko sinulla 5 minuuttia? Seuraa t\u00e4t\u00e4 nopeaa opetusohjelmaa l\u00f6yt\u00e4\u00e4ksesi parhaan laajennuksen kirjasinten vaihtamiseen ja kuinka voit ottaa sen k\u00e4ytt\u00f6\u00f6n WordPress-sivustollasi.<\/p>\n","protected":false},"author":1,"featured_media":257299,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[550],"tags":[843],"class_list":["post-238193","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mukauta-wordpress","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/238193","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=238193"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/238193\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/257299"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=238193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=238193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=238193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}