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.