{"id":227051,"date":"2022-09-05T14:26:00","date_gmt":"2022-09-05T11:26:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227051"},"modified":"2022-11-09T01:52:24","modified_gmt":"2022-11-08T22:52:24","slug":"kuinka-vaihtaa-fontteja-wordpressissae-ilman-vaivaa","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-vaihtaa-fontteja-wordpressissae-ilman-vaivaa\/","title":{"rendered":"Kuinka vaihtaa fontteja WordPressiss\u00e4 ilman vaivaa"},"content":{"rendered":"\n

WordPressin fontit ovat t\u00e4rke\u00e4 osa yrityksen br\u00e4nd\u00e4yst\u00e4. Vaikka jotkut saattavat pit\u00e4\u00e4 kirjasimia merkityksett\u00f6min\u00e4, monille ne ovat olennainen osa heid\u00e4n verkkosivustoaan.<\/p>\n

V\u00e4rien, kuvien, logojen ja muiden br\u00e4nd\u00e4yselementtien lis\u00e4ksi kirjasimilla on t\u00e4rke\u00e4 rooli br\u00e4ndisi imagossa ja siin\u00e4, miten asiakkaat n\u00e4kev\u00e4t br\u00e4ndisi. Koska WordPress tarjoaa runsaasti vaihtoehtoja, se on yksi parhaista alustoista mukauttamiseen.<\/p>\n

Huolimatta siit\u00e4, ett\u00e4 ilmaisia \u200b\u200bkirjasinvaihtoehtoja on monia, on t\u00e4rke\u00e4\u00e4 tiet\u00e4\u00e4, kuinka fontteja vaihdetaan WordPressiss\u00e4, mik\u00e4 saattaa edellytt\u00e4\u00e4 CSS-koodauksen tuntemusta.<\/p>\n

T\u00e4m\u00e4 wpDataTables<\/a> -tiimimme luoma artikkeli osoittaa, kuinka voit vaihtaa kirjasimia WordPressiss\u00e4 helposti.<\/p>\n

Kuinka muuttaa fontteja WordPress-teemoissa<\/h3>\n

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

Katsotaanpa seuraavaa skenaariota. Haluat erilaisia \u200b\u200bkirjasinyhdistelmi\u00e4<\/a> verkkosivustollesi, mutta jokin est\u00e4\u00e4 sinua siirtym\u00e4st\u00e4 eteenp\u00e4in.<\/p>\n

Kirjasinten vaihtaminen teemoissa voi olla haastavaa, koska niiss\u00e4 on yleens\u00e4 esiasetettuja fontteja, joita k\u00e4ytet\u00e4\u00e4n teeman eri osissa. Sinun on l\u00f6ydett\u00e4v\u00e4 CSS-skripti, joka asettaa fontin tietylle alueelle, olipa se sitten alatunniste, yl\u00e4tunniste, runko tai muut osat.<\/p>\n

Jotain esikoodausta vaaditaan, jos haluat k\u00e4ytt\u00e4\u00e4 t\u00e4ysin uutta kirjasinta. Valitse ensin lisensoitu kirjasin verkkosivustollesi ja lataa se sitten palvelimelle. Style.css-tiedoston yl\u00e4osassa sinun on my\u00f6s m\u00e4\u00e4ritett\u00e4v\u00e4 kirjasinperhe. T\u00e4ss\u00e4 on esimerkki siit\u00e4, milt\u00e4 koodi saattaa n\u00e4ytt\u00e4\u00e4:<\/p>\n

@font-face {font-family: Museo300;\nsrc: local('Museo300-Regular'),\nurl(\"fonts\/Museo300-Regular.ttf\") format('truetype\u2019);\nfont-weight: normal;}<\/code><\/pre>\n
Kuinka muuttaa fontteja WordPressiss\u00e4 maailmanlaajuisesti mukautusominaisuuden avulla<\/h3>\n
\"Kuinka<\/a><\/p>\n
Fontien vaihtaminen mukautusominaisuuden avulla on yksinkertaista. Kirjaudu ensin WordPress-profiiliisi ja k\u00e4yt\u00e4 kojelautaa napsauttamalla Ulkoasu ja sitten Mukauta.<\/p>\n
Toinen tapa p\u00e4\u00e4st\u00e4 t\u00e4lle alueelle on kirjautua sis\u00e4\u00e4n WordPress-hallintapaneeliisi, napsauttamalla sivuston nime\u00e4 vasemmassa yl\u00e4kulmassa ja napsauttamalla sitten Mukauta-painiketta.<\/p>\n
\"Kuinka<\/a><\/p>\n
Vierit\u00e4 sitten alas vasemmalle puolelle ja etsi kentt\u00e4, johon voit lis\u00e4t\u00e4 CSS-koodia. Napsauta sit\u00e4 lis\u00e4t\u00e4ksesi koodin. T\u00e4ss\u00e4 on esimerkki koodista:<\/p>\n
* {font-family:\"Courier New\", Courier, monospace}Copy<\/code><\/pre>\n
Kun lis\u00e4\u00e4t *-merkin alussa, se lis\u00e4\u00e4 fontin koko sivustolle. Kun liit\u00e4t koodin, se muuttuu v\u00e4litt\u00f6m\u00e4sti. Kun olet valmis tekem\u00e4\u00e4n muutokset, napsauta Julkaise-painiketta.<\/p>\n
Fonttien vaihtaminen WordPressiss\u00e4 teeman tietyill\u00e4 alueilla<\/h3>\n
Teemat tulevat esiasetetuilla kirjasimilla eri alueilla, ja tarvitset erilaisia \u200b\u200bkirjasimia sivustosi eri osille, mik\u00e4 lis\u00e4\u00e4 muokattavuutta. Teemojen tunnistaminen eri alueilla on haastavaa.<\/p>\n
L\u00f6yd\u00e4t rungolle muista muista erill\u00e4\u00e4n olevan fontin, jonka avulla voidaan m\u00e4\u00e4ritt\u00e4\u00e4 fontit, joita ei ole m\u00e4\u00e4ritetty tunnisteella, luokalla tai divolla.<\/p>\n
body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;\nfont-size: 1em;\npadding:0;\nmargin:0; }<\/code><\/pre>\n
L\u00f6yd\u00e4t todenn\u00e4k\u00f6isesti kirjasimet eri CSS-luokista: sis\u00e4lt\u00f6, viesti, merkint\u00e4 ja post-entry.<\/p>\n
Lis\u00e4\u00e4 mukautettuja kirjasimia<\/h2>\n
\"Kuinka<\/a><\/p>\n
Mukautettujen kirjasimien lis\u00e4\u00e4minen on yksi parhaista tavoista muuttaa otsikoita ja perusfonttia. Siirry kohtaan Suunnittelu > Mukauta > Kirjasimet.<\/p>\n
\"Kuinka<\/a><\/p>\n
Mukautetun fontin vaihtaminen on helppoa. Google Fontsista, Typekitist\u00e4 ja lopuksi WordPress premium -tilauksesta tai uudemmasta l\u00f6ytyy monia upeita kirjasimia.<\/p>\n
Kuinka tehd\u00e4 se:<\/p>\n