Kuinka määrittää oma fontti Webnodessa Google Fonts -kirjaston avulla?

Videotutorial

Haluatko vaihtaa Webnoden fontin joksikin Google-fonteista?

Alkuun muutama sana

Webnoden avulla voit muuttaa verkkosivustosi fonttia kohdassa “Asetukset” – “Muotoilu” – “Fontit“.

Tietysti Webnode-editori tarjoaa eniten käytettyjä ja suosituimpia fontteja ja ne OVAT todella mukavia.

Mutta mitä tehdä, jos et voi valita Webnoden tarjoamista fonteista?

Seuraa tätä opetusohjelmaa!

Yksi Wpromotions-verkkosivustoni kävijöiden kysymyksistä koski mahdollisuutta vaihtaa fonttia Webnode-sivustolla Google-fonteilla.

Vastaukseni oli: Kyllä.

On mahdollista vaihtaa Webnode-verkkosivuston fontti johonkin Googlen fonteista.

Aion selittää ja näyttää sinulle, kuinka voit muuttaa fonttia verkkosivustollasi tässä opetusohjelmassa.

“Yksi” valitsemasi fontti näkyy perustekstin lisäksi myös otsikoissa ja tekstityksissä.

Voit kumota Webnode-fontin jollakin Google-fonteista.

Google Fonts on kirjasto, jossa on yli 1000 fonttia, joten löydät verkkosivustollesi juuri nyt sopivan ilman ongelmia.

Tehdään se!

1. Luo valitun fontin HTML-koodi

2. Uutiskirjeen tilaaminen ja ennalta määritetyn koodin mukauttaminen

3. Lisää koodi Webnode-verkkosivustollesi

vaihe – luo valitun fontin HTML-koodi

Helppo opetusohjelma: Webnoden ennalta määritetty fontti muutettu mieleiseksesi

1. Vieraile osoitteen virallisella verkkosivustolla
ja valitse yksi käytettävissä olevista fonteista (klikkaa sitä).

2. Jos valitset sinulle parhaan fontin, klikkaa Valitse tämä tyyli

3. Valitse “Use on the web” -osiossa “@import”.

Kopioi molemmat koodit ja liitä ne tyhjään tekstilohkoon

Alla oleva kuvankaappaus näyttää tekstilohkon, jossa on molemmat kopioidut koodit:

vaihe – Tilaa uutiskirje ja hanki ennalta määritetty koodi

Kaksi pyytämääsi koodia on yhdistettävä vain yhdeksi koodiksi.

Tätä varten tein valmiiksi määritellyn koodin.

4. Tilaa uutiskirjeeni William Promotions News ja hanki ennalta määritetty koodi fontin vaihtamiseksi Webnode-verkkosivustollasi.

Kopioi ennalta määritetty koodi ja liitä se tekstilohkoon kahden virallisen Google Fonts -koodin alle.

Katso lisätietoja alla olevasta kuvankaappausesta.

Muuta ennalta määritettyä koodia yhdistämällä se Google Fonts -koodeihin perustuu alla olevaan opetusvideoon. Katso minuutti 2:55

vaihe – Lisää koodi Webnode-verkkosivustollesi

Kun olet luonut koodisi onnistuneesti (yhdistämällä Google Fonts -koodit ennalta määritettyyn koodiin), on aika lisätä koodisi Webnode-sivuston HTML-otsikkoon.

5. Valitse alla olevista tyypeistä kuinka lisätä/lisätä koodi Webnodeen

6. Julkaise muutokset ja näe upouusi FONTTI julkaistussa versiossa!

Muutama sana lopussa

Kiitos kaikille uutiskirjeeni tilaamisesta. Arvostan todella tukeasi.

Hienoa – olet juuri määrittänyt haluamasi fontin Webnode-verkkosivustolla. Ei se ollut niin vaikeaa, eihän?

Jätä kommentti.

Älä unohda tilata YouTube-kanavani William Promotions, jotta et jää paitsi uusista opetusohjelmistani.

Toivotan sinulle kaikkea hyvää liiketoiminnallesi.

Lisää mahtavia oppaita