Hoppa till huvudinnehåll

Lägga till typsnitt från Google Fonts

Uppdaterad denna vecka

Ni kan addera egna typsnitt från Google Fonts. Nedan följer en guide på hur ni gör detta.
OBS. Är du inte van med att jobba i CSS eller liknande, vänligen kontakta supporten för assistans!

  1. Sök eller leta upp typsnittet som du vill ha

    (I detta fallet tar vi fonten Mulish som exempel)

  2. Klicka in på typsnittet

  3. Välj Get font

  4. Klicka på <> Get embed code

  5. Välj kolumnen Web och @import

  6. Kopiera koden i översta stycket där det står:
    Embed code in the <head> of your html

  7. Gå in i admin på nyehandel

  8. Klicka på Layout

  9. Välj Hantera

  10. Klicka på kodläget, markerat med </> uppe till höger i layouten

  11. Välj avsnittet head och klistra in koden som du kopierade från Google Fonts. Exempel:

    <style>
    @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');<style>

  12. Klicka på Spara längst ned till höger

  13. Gå in i avsnittet CSS

  14. På rad 1 i CSS klistrar du in följande:

    :root {
    --body-font-family: "Mulish", sans-serif;
    --title-font-family: "Mulish", sans-serif;
    }

    OBS. Vill du enbart ha typsnitt på titlar så tar du bort hela raden --body-font-family och vice versa om du enbart vill ha det på brödtext. Då tar du bort --title-font-family.

  15. Klicka på Spara längst ner till höger

  16. Klicka på pilen längst upp till vänster i kodläget

  17. Välj Spara längst upp till höger för att det ska slå igenom

  18. Klart!


Undrar du över något?
Supporten finns alltid nära till hands på [email protected]

Fick du svar på din fråga?