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.

 

Webnode umožňuje zmeniť fonty v sekcii vzhľad
Zmena písma vo Webnode je jednoduchá

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!

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ä).

 

Prvý krok je výber toho NAJ fontu

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

Tlačítko Select this style

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

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

Skopírujte si kódy fontu

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

V textovom dokumente to vyzerá takto:

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

 

1. . Olen ostanut Premium-paketin Standard, Profi tai Business

Jos olet ostanut Standard, Profi tai Business Premium -palvelut Webnodesta, voit liittää koodin sivuston kaikille sivuille yhdellä liittämällä.

Klikkaa editorin yläreunassa “Asetukset” – “Kotisivun asetukset” – “Kotisivun ylä- ja alatunniste” – “Mukautettu HTML ylätunnistekoodi”.

2. Minulla on ilmainen verkkosivusto tai olen ostanut Limitedin tai Premium Mini-paketin.

Jos sinulla on ilmainen versio luotu verkkosivusto tai olet ostanut Limited/Premium Mini-paketin, sinun on lisättävä koodi kunkin sivun otsikkoon erikseen.

1. Liitä koodi jokaisen sivun otsikkoon:

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

Publikujte zmeny. Zmena sa prejaví v publikovanej verzii Vášho webu.

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

Webnode kokemuksia

Webnode kokemuksia

Oletko koskaan halunnut luoda oman sivuston ihan tyhjästä? Haluatko luoda kotisivut tai verkkokaupan ja tulla näkyviin internetissä? Aloita nyt ja opi helposti luomaan oman sivuston.Sivuston luonti Webnodella on helppo – jopa mummosi siinä onnistuu   Tässä...

Oliko tästä oppaasta apua?

Lähetä se ystävillesi 🙂

Viliam
Follow me