Eget typsnitt - Lägg till fonter i filarkivet
Lägga upp egna Fonter via Filarkivet
-
1) Öppna filarkivet > skapa en ny mapp som du döper till fonter.
-
2) Ladda upp dina fonter i den nya mappen.
-
3) Kopiera länken till fonten genom att högerklicka och välj copy link adress.
-
4) Lägg in koden som exemplet nedan visar i html head som du finner under mappen Innehållshantering.
-
Den gör att systemet kan hämta upp länken till fonten.
-
5) När koden är lagd i menyn html head måste du ange korrekt länk till fonterna. Klistra in länken från filarkivet som du kopierade på punkt 3 ovan. Ta bort allt som finns i länken fram till /app. (Se bild nedan med gulmarkering i html head).
-
-
Här i exemplet har jag lagt in två stilar för fonten. Det ser ut så här i Html head under koden för <style>.
-
Det namn som är gulmarkerat i koden nedan är det namn som du sen anger i mallen där typsnittet ska anges.
<style>
/*För att få in teckensnittet för Audi. Behöver dock läggas in där det ska användas, DT*/
@font-face { font-family: 'AudiTypeV03-Bold'; src: url('/app/data/fonts/nineyards/AudiTypeV03-Bold.otf') format('OpenType');
}@font-face {font-family: 'AudiTypeV03-BoldItalic';
src: url('/app/data/fonts/nineyards/AudiTypeV03-BoldItalic.otf') format('OpenType');
}
</style>
I exemplet nedan så anges länkningen till fonten där det står url('/app...... Länken du kopierat läggs in här och du tar bort allt som finns framför /app i länken.
Skapar du din mall i Sidskaparen > Mallar så lägger du sen det namn som du angivit i koden i html head för att hämta upp det typsnittet.
