🔤Ladda upp fonter

Selfpoint använder sig utan någon configuration av google fonts, vill man använda sig av font-filer man har sparade lokalt går det att ladda upp och sedan applicera i sin CSS

Ladda upp font

Klicka dig in på filer pch gör en ny mapp i portal mappen enligt bilden nedan, jag döper denna till fonts.

Under fonts gör jag ännu en mapp, denna nya mappen ska innehålla alla filer kopplade till fonten. I detta fallet döper jag den till "opensans" då det är den fonten jag valt att ladda upp.

I den nya mappen laddar jag sedan upp alla font filer kopplade till fonten. Nedan finns bild på de filer jag valt att ladda upp.


Applicera i css

Vi klickar oss in på css filen för portalen, enligt bild nedan. Jag väljer att fortsätta redigera filen direkt i webbläsaren.

En kod-editor för css bör dyka upp där vi kan importera och applicera vår nya font, se exemplet nedan. Under "src" anger vi relativ path till font-filterna, samt fil-typ. I detta fall är båda TTF filer, detta kan variera beroende på font. Andra vanliga fil-typer är OTF och WOFF. Se till att ange rätt filtyp!

Fonten ska nu vara applicerad för portalen!

Last updated