Google fonts

Do systému môžete vložiť vlastné typy písma z ponuky Google fonts. Zoznam všetkých dostupných fontov pre vloženie nájdete tu: https://fonts.google.com/.

Postup vloženia google fontu do grafiky

  1. Na stránke https://fonts.google.com/ vyberte požadovaný typ písma.
  2. Kliknite na tlačidlo "+ Select this style".
  3. Z ponuky skopírujte obsah sivého poľa Use on the web.
  4. Prejdite v administrácii e-shopu do sekcie Doplnky / Vlastné konverzné kódy.
  5. Prejdite do oddielu Kódy umiestnené na všetkých stránkach,
  6. Vložte skopírovaný text do poľa Kód je umiestnený medzi tagmi <head> a </head>

  7. Uložte.
  8. Vráťte sa na stránku s Google fontom a skopírujte obsah druhého sivého boxu.
  9. V administrácii e-shopu zvoľte sekciu Grafika / Editor kódu.
  10. Prejdite do oddielu Styles.
  11. Otvorte súbor _custom.scss.
  12. Vložte do neho nasledujúci kód, ktorý upraví všetky nadpisy v grafike:
    .wf-active {
      h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
          TU VLOŽTE OBSAH SCHRÁNKY
        }
    }
  13. Namiesto textu "TU VLOŽTE OBSAH SCHRÁNKY" zadajte kopírovaný kód z bodu 8.
  14. V prípade potreby si tento štýl nastavte obdobným spôsobom tiež pre iné prvky (odsek apod.).
  15. Výsledný kód bude vyzerať takto (príklad vloženia fontu Roboto):
  16. Na e-shope sa prejavia zmeny najskôr na testovacej verzii.
  17. Na ostrej doméne sa zobrazia až po preklopení (viac tu).
Na tejto stránke

Další zdroje informací

Facebook poradna

Výměna zkušeností, rady a tipy mezi provozovateli e-shopů na systému UPgates.

Přejít do poradny

Akademie

Získejte znalosti od našich specialistů na marketing, obchod, právo a podnikání.

Přejít do akademie

Novinky z Blogu

Co nového jsme pro vás připravili nebo chystáme najdete na blogu.

Přejít do blogu

Nepodařilo se Vám najít tu správnou odpověď?

Kontaktujte naši technickou podporu, která je tu pro vás od pondělí do pátku 8:00 až 16:00 hod.

Zákaznická podpora