Ako zmeniť štýl písma (font) vo Webnode?

Videonávod

Chceli by ste si zmeniť štýl písma vo Webnode na svoj vlastný?

Pár slov na úvod

Nástroj Webnode umožňuje zmeniť štýl písma v sekcii: “Nastavenia” – “Vzhľad” – “Fonty“

a fonty, ktoré editor ponúka sú veľmi pekné.

Nie každému avšak preddefinované fonty vyhovujú.

Do mojej Webnode Free Poradne prišla otázka, či je možné na webe vo Webnode zmeniť štýl písma

v prípade, že si z ponúkaných štýlov písma neviete vybrať ten “správny”.

Áno – je to možné!

V tomto návode Vám ukážem ako si Vašom webe, či e-shope vo Webnode nastavíte 1 štýl písma pre celý web.

Štýl písma (font), ktorý si vyberiete sa bude prepisovať skrz všetky typy písma (nadpisov, titulkov atď.) – takže budete mať len jeden font pre celý web.

Fonty, ktoré ponúka Webnode editor tak v tomto prípade nahradíme vlastným fontom, získaným z populárnej služby Google Fonts.

Z ponuky viac ako 1000+ štýlov písma z Google Fonts si určite vyberiete ten správny.

Poďme nato!

Návod rozdelím na 3 časti:

 1. Získanie kódu štýlu písma

2. Prihlásenie k odberu noviniek a Úprava preddefinovaného kódu

3. Vloženie kódu na Váš web

časť – získanie kódu štýlu písma

Jednoduchý návod: Zmena preddefinovaného štýlu písma vo Webnode na svoj vlastný

1. Prejdite na oficiálne stránky a vyberte si svoj štýl písma, ktorý chcete používať na svojom webe.

Ak ste našli ten správny font, kliknite naňho.

2. Pri svojom vytúženom fonte zvoľte “Select this style“

3. V kolonke “Use on the web” zvoľte možnosť ” @import “

Skopírujte si kódy a vložte si ich do textového dokumentu

keď si kódy skopírujete a vložíte do TXT dokumentu, tak v textovom dokumente to bude vyzerať takto:

časť – úprava preddefinovaného kódu

Dva kódy, ktoré ste získali od Google Fonts je potrebné teraz spojiť do jedného kódu.

K tomu som pre Vás pripravil tzv. “preddefinovaný kód”

4. Získajte môj preddefinovaný kód, ktorý si následne upravíte na svoj vlastný font.

Prihláste sa k odberu môjho newslettru William Promotions News pomocou formuláru nižšie, aby ste získali preddefinovaný kód:

Môj preddefinovaný kód si teraz vložte tiež do textového dokumentu, aby to vyzeralo takto:

Upravte si teraz hodnoty v mojom predefinovanom kóde na Váš vlastný font.

Postup úpravy nájdete vo videonávode v čase 2:55

časť – vloženie kódu na Váš web

Keď ste si úspešne upravili môj preddefinovaný kód na Váš vlastný štýl písma,

nastáva čas, kedy si svoj kód musíte vložiť do HTML HLAVIČKY na všetky stránky Vášho webu vo Webnode.

5. Vyberte si spôsob vloženia kódu podľa toho, aké Prémiové služby máte u spoločnosti Webnode zakúpené:

6. Publikujte zmeny a máte HOTOVO.

Pár slov na záver

Ďakujem Vám za odber k môjmu newslettru.

Výborne – práve ste si nastavili na Vašom webe vo Webnode​ svoj vlastný štýl písma. Nebolo to až také ťažké, však?

Napíšte mi prosím do komentáru, či sa Vám to podarilo.

Nezabudnite tiež prosím odoberať môj YT kanál “William Promotions”, aby Vám už nikdy v živote neunikol takýto skvelý návod!

Držím Vám palce s Vašim webom a online podnikaním.

Ďalšie skvelé návody