Powered by Smartsupp

Webnode: Ako nastaviť vlastný typ písma

07.09.2022

Toto je návod pre nastavenie iného typu písma či fontu, než umožňuje Webnode. Konkrétne budeme nastavovať písmo z Google Fonts.

1. Vyber si požadovaný typ písma v službe Google Fonts. Ja budem pracovať s fontom Sora.

2. Počas exportu vyber viac rezov písma, aby sa správne načítaval aj ako bold a kurzíva:

3. Potom klikni napravo na EMBED, následne @import a skopíruj všetko z prvého okienka.

4. Takto získaný kód vlož do hlavičky celého webu / danej stránky - závisí to od balíčka. 

Ak máš projekt vo verzii zadarmo, Mini, alebo Limited, kód budeš vkladať do SEO hlavičky každej jednej stránky zvlášť. Takže si radšej kúp vyšší balíček 😉

5. A teraz prepíš názov fontu v nižšie uvedenom kóde (namiesto SORA napíš názov svojho fontu). Alebo postačí, ak skopíruješ kód z druhého okienka na Google fonts.

Celý tento kód následne skopíruj ho do HTML hlavičky pod ten predošlý kód:

<style>

* {

font-family: "Sora", sans-serif;

}

</style>

U mňa to vyzerá takto:

<style>

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;700&display=swap');

* {

font-family: "Sora", sans-serif;

}

</style>

6. Zmeny ulož a publikuj. Hotovo.


Kód nahradí súčasné fonty na webe tvojím fontom. Týka sa to takmer všetkých textových elementov. 

Ak by si chcel nastaviť viacero druhov písma pre rôzne elementy, napíš mi cez kontaktný formulár. Kód pre teba pripravím.


Chcem mať vlastné písmo na Webnode

Vyplň všetky potrebné údaje a čoskoro sa ti ozvem naspäť s cenovou a časovou ponukou.

Najnovšie návody pre Webnode

Vylepši svoj web

Tento návod sa hodí, ak chceš akúkoľvek záložku z menu presmerovať mimo svoj web. Napr. na inú tvoju stránku/e-shop, do inej služby, kde máš profil (Instagram, Facebook) a podobne.

Pomohol ti tento článok? Zdieľaj ho!