Eget typsnitt på sidan

Hitta typsnittet du vill ha, jag väljer detta för att göra ett tydligt exempel:

https://www.dafont.com/motley-forces.font

Ladda hem det till din dator, så att du har en ttf eller otf - fil.

Därefter behöver det "web-font-ifieras", det gör du på denna sida

https://www.fontsquirrel.com/tools/webfont-generator

Klicka på den lila knappen "Upload fonts", kryssa i avtalet och ladda ner dina teckensnitt.

Du får då en zippad mapp. I mac är det om jag minns rätt bara att öppna som vanligt. I windows-dator högerklicka och "extrahera alla" så att du får en vanlig mapp.

Ladda upp teckensnittsfilerna till din webbplats:

https://username.n.nu/admin/upload.php

När du är klar ska det se ut ungefär såhär:

I mappen med dessa filer finns även en css fil.

Öppna den i anteckningar eller motsvarande. (inte word eller wordpad)

Jag brukar högerklicka och ta öppna med - anteckningar.

Där ser du följande:

Den texten behöver nu uppdateras till den faktiska adressen till filen på n.nu:s server.

Gå tillbaka till fönstret för filuppladdning, högerklicka på den som heter .woff2, ta kopiera länkadress (eller motsvarande) - klistra sedan in den i din öppnade css-fil i stället för det som står inom (''):

Därefter ta det mellan https till och med sista / och klistra in efter (' på raden under:

Spara filen. (obs att det ska vara andra bokstäver efter staticjw.com/ hos dig. Skriver du av mina kommer det inte att fungera för dig.

Nu när du uppdaterat och sparat CSS-filen är det dags att ladda upp den till din webbplats.

Då ska du ha tre filer där. Kopiera adressen till CSS-filen och gå till Egen mall:

https://username.n.nu/admin/custom-template.php

Leta upp ##load_css##

Klistra in adressen till din css-fil ovanför:

Här ser det lite olika ut beroende på vad du har för mall.

Före https lägger du <link href=" efter lägger du " rel="stylesheet" type="text/css"> .

Var noga med att det då blir enligt nedan (med DIN css-filadress) och att atta cittationstecken är raka.

Klart att användas!

I css-filen efter font-family: står hur vi "ropar på" den.

I mitt fall står det font-family: 'motley_forcesregular'

Så, om jag vill ändra hela sidan scrollar jag ner till css-filens slut och lägger till:

body {font-family: 'motley_forcesregular', serif; }

Se skillnaden:

Behöver du hjälp? Se Betald Hjälp