At vælge den rigtige skrifttype er afgørende for din hjemmesides udseende og følelse. Det er et designelement, der kan formidle din stil, professionalisme og endda din personlighed som fotograf eller kreativ. Standardwebskrifttyper er fine, men brugerdefinerede skrifttyper fra tjenester som Adobe Typekit kan virkelig løfte dit design og gøre din side mindeværdig.
For nylig har Fabrik opdateret deres muligheder for skrifttypetilpasning, hvilket gør det nemmere end nogensinde at bruge brugerdefinerede webfonte på din Fabrik-side. En del af denne opdatering er en forbedret integration med Adobe Typekit, en populær abonnementstjeneste, der tilbyder adgang til et stort bibliotek af kvalitetsfonte fra verdens bedste skrifttypehuse.

Denne guide vil føre dig igennem processen med at bruge Adobe Typekit fonte på din Fabrik-side, fra at oprette din konto til at få fonten til at vises præcist, som du ønsker det. Den gode nyhed er, at du kan oprette et 'kit' med fonte gratis, hvilket er perfekt for Fabrik-brugere, der måske ikke allerede har et betalt Adobe Creative Cloud-medlemskab.
- Hvad er et Typekit 'Kit'?
- Trin 1: Forberedelse i Fabrik – Find dine Domæner
- Trin 2: Vælg din Font og Opret et Kit i Typekit
- Trin 3: Hent Kit ID og Font Family Name
- Trin 4: Publicer dit Kit og Anvend Fonten i Fabrik
- Fejlfinding og Overvejelser
- Oversigt over Nødvendig Information
- Ofte Stillede Spørgsmål
- Afsluttende tanker
Hvad er et Typekit 'Kit'?
Før vi dykker ned i trinene, er det vigtigt at forstå konceptet med et 'kit' i Typekit. Et kit er dybest set en pakke, der indeholder en eller flere specifikke skrifttyper, som du ønsker at bruge på din hjemmeside. Når du har oprettet dit kit og konfigureret det korrekt, genererer Typekit den nødvendige kode (eller i Fabriks tilfælde, et Kit ID), der gør det muligt for din hjemmeside at indlæse og vise disse fonte for dine besøgende. Du kan tænke på det som en digital kasse, der indeholder de fonte, din side har brug for for at se rigtig ud.
Trin 1: Forberedelse i Fabrik – Find dine Domæner
Det første skridt i processen involverer din Fabrik-konto. Adobe Typekit kræver, at du specificerer, hvilke domæner (webadresser) der har tilladelse til at bruge dine font-kits. Dette er en sikkerhedsforanstaltning, der sikrer, at dine licenserede fonte kun bruges, hvor du har til hensigt, og ikke misbruges på andre sider. Fabrik gør det nemt at finde den liste over domæner, du skal bruge.
Log ind på din Fabrik-konto. Fra hovedmenuen skal du klikke på 'Customise' (Tilpas) for at begynde at tilpasse dit aktuelle tema. Find den skrifttypeindstilling, du ønsker at ændre – det kunne være 'Header Font' (Overskriftsfont), 'Body Font' (Brødtekstfont) eller en anden skrifttypeindstilling, dit tema tilbyder. Klik på redigeringsknappen ved siden af den relevante fontindstilling.
I fontvælgeren, der vises, skal du vælge 'Adobe Typekit' som kilden til din skrifttype. Når du har valgt Typekit, vil du se yderligere felter og information. Nederst i denne formular finder du en liste over de domæner, som Typekit skal have tilladelse til at levere fonte til. Kopier denne liste over domæner. Du skal bruge den om et øjeblik.
Trin 2: Vælg din Font og Opret et Kit i Typekit
Nu er det tid til at besøge Adobe Typekits hjemmeside (typekit.com, som nu er en del af Adobe Fonts) for at finde den skrifttype, du drømmer om at bruge. Typekits bibliotek er omfattende og byder på et utal af stilarter, fra klassiske seriffer til moderne sans-seriffer og dekorative fonte. Brug søge- og filtreringsfunktionerne til at udforske biblioteket og finde en font, der passer perfekt til din stil og din hjemmesides formål.
Som et eksempel kan vi sige, at du falder for 'Museo Slab', en populær og læsbar skrifttype med karakteristiske 'slab'-ender på bogstaverne. Når du har fundet din ønskede font, klikker du på den for at se flere detaljer, eller direkte på knappen 'Use fonts' (Brug fonte), hvis den er synlig i oversigten.
På fontens side eller efter at have klikket 'Use fonts', skal du vælge 'Web'-fanen, da du vil bruge fonten på en hjemmeside. Herfra får du mulighed for at oprette et nyt kit eller tilføje fonten til et eksisterende kit. Vælg 'create a new kit' (opret et nyt kit).
Du bliver bedt om at give dit nye kit et navn. Vælg et beskrivende navn, så du nemt kan identificere det senere (f.eks. 'Min Fabrik Side Font'). Endnu vigtigere er, at du her skal indsætte listen over domæner, som du kopierede fra Fabrik i det forrige trin. Indsæt domænerne i det dertil beregnede felt. Dette trin er afgørende for, at Typekit kan levere fontene til din specifikke Fabrik-side.
Klik på 'Continue' (Fortsæt) for at gå videre. På det næste trin kan Typekit bede dig om at kopiere noget indlejringskode. Det er vigtigt at bemærke: Du behøver IKKE at kopiere denne kode. Fabrik håndterer indlæsningen af fontene automatisk ved hjælp af dit Kit ID. Du kan blot fortsætte.
Trin 3: Hent Kit ID og Font Family Name
Nu er du på kit-redigeringssiden i Typekit. Her kan du se fontene i dit kit (lige nu kun den ene, du valgte) og foretage yderligere konfigurationer, hvis nødvendigt (selvom det ofte ikke er nødvendigt for grundlæggende brug i Fabrik). Øverst på denne side finder du en knap eller et link mærket 'Embed Code' (Indlejringskode). Klik på dette.
Selvom vi ikke bruger den fulde indlejringskode, indeholder dette vindue dit unikke Typekit Kit ID. Dette er en kort streng af bogstaver og tal, der identificerer dit specifikke kit. Kopier dette Kit ID. Du skal indsætte det i Fabrik.
Gå tilbage til Fabrik i det samme fontindstillingsvindue, hvor du tidligere kopierede domænerne. Indsæt dit kopierede Typekit Kit ID i det relevante felt i Fabrik-formularen. Du vil sandsynligvis også blive bedt om at give fonten et navn i Fabrik. Dette navn er kun til din egen reference i Fabriks dashboard, så vælg noget, der giver mening for dig (f.eks. 'Museo Slab fra Typekit').
Udover Kit ID skal Fabrik også vide, hvad fontens præcise tekniske navn er – det såkaldte Fontfamilienavn (Font Family Name). Dette navn bruges i CSS (Cascading Style Sheets) til at fortælle browseren, hvilken font der skal anvendes på teksten. Selvom fontfamilienavnet ofte ligner fontens almindelige navn (f.eks. 'Museo Slab'), er det bedst at være helt sikker.
Tilbage på Typekits kit-redigeringsside, kig efter et link øverst til højre, der hedder noget i stil med 'Using fonts in CSS' (Brug fonte i CSS). Klik på dette link. Et vindue eller en sektion vil åbne, der viser eksempler på, hvordan man bruger fonten i CSS. Her finder du fontens præcise fontfamilienavn, typisk inden for anførselstegn (f.eks. 'museo-slab'). Kopier dette præcise navn.
Gå igen tilbage til Fabrik og indsæt det kopierede Fontfamilienavn i det relevante felt i Typekit-formularen. Formularen i Fabrik bør nu indeholde Typekit Kit ID, Fontfamilienavnet og et navn til din egen reference.
Trin 4: Publicer dit Kit og Anvend Fonten i Fabrik
Du er næsten i mål! Der mangler kun to vigtige afsluttende trin for at få fonten til at virke på din side.
For at Typekit kan begynde at levere fontene fra dit kit til dit domæne, skal du publicere dit kit. Gå tilbage til Typekits kit-redigeringsside. Øverst på siden vil der være en knap mærket 'Publish' (Publicer). Klik på denne knap. Typekit vil nu behandle dit kit, og fontene vil blive gjort tilgængelige for dit angivne domæne. Dette trin er essentielt – hvis du glemmer at publicere, vil fontene ikke blive indlæst på din side.
Det sidste trin er at fortælle Fabrik, at du nu vil bruge den Typekit-font, du har konfigureret. Tilbage i Fabriks fontindstillinger, hvor du indtastede Kit ID og Fontfamilienavn, skal du klikke på knappen 'Use this Font' (Brug denne font). Fabrik vil nu gemme dine indstillinger og anvende den valgte Typekit-font på den del af din side, du redigerer (f.eks. overskrifter).
Du bør nu kunne se din valgte Typekit-font anvendt i Fabriks dashboard-visning af din side. Det kan tage et øjeblik for ændringen at blive synlig, både i Fabrik og på din live-side, da cache og netværksforsinkelser kan spille ind. Hvis fonten ikke vises med det samme, prøv at genindlæse siden eller tjek din live-side i en ny browserfane.
Fejlfinding og Overvejelser
Hvis fonten ikke vises korrekt efter at have fulgt alle trin, er her et par ting, du kan tjekke:
- Er Kit ID'et korrekt? Tjek, at du har kopieret og indsat det præcise Kit ID fra Typekit til Fabrik.
- Er Fontfamilienavnet korrekt? Tjek, at Fontfamilienavnet i Fabrik præcist matcher det, der vises i Typekits 'Using fonts in CSS' sektion. Vær opmærksom på store og små bogstaver.
- Er kittet publiceret i Typekit? Gå tilbage til Typekit og tjek, at du har klikket på 'Publish'.
- Er domænerne korrekte i Typekit? Dobbelttjek, at listen over domæner i dit Typekit-kit præcist matcher dem, du kopierede fra Fabrik. En lille stavefejl kan forhindre fonten i at blive indlæst.
- Er du på det rigtige domæne? Hvis du bruger Typekit på et testdomæne eller et midlertidigt Fabrik-domæne, skal dette domæne også være tilføjet til dit Typekit-kit.
Husk også, at selvom du kan oprette ét gratis kit, kan et betalt Adobe Creative Cloud-abonnement give dig adgang til hele Typekit-biblioteket og muligheden for at oprette flere kits med flere fonte. Overvej dine behov for skrifttyper, når du vælger mellem en gratis og en betalt konto.
Oversigt over Nødvendig Information
For at opsummere, her er de centrale stykker information, du skal overføre fra Typekit til Fabrik:
Information | Hvor finder du det i Typekit? | Hvor indsætter du det i Fabrik? |
---|---|---|
Liste over domæner | Kopieres FØRST fra Fabrik | Indsættes ved oprettelse/redigering af kit i Typekit |
Typekit Kit ID | Findes under 'Embed Code' på kit-redigeringssiden | Indsættes i Typekit-formularen i Fabrik |
Fontfamilienavn | Findes under 'Using fonts in CSS' på kit-redigeringssiden | Indsættes i Typekit-formularen i Fabrik |
Fontnavn (til reference) | Vælges af dig | Indtastes i Typekit-formularen i Fabrik |
Ofte Stillede Spørgsmål
Skal jeg have et betalt Adobe Creative Cloud-abonnement for at bruge Typekit fonte i Fabrik?
Nej, du kan oprette ét gratis kit hos Adobe Typekit, som du kan bruge med din Fabrik-side. Et betalt abonnement giver dog adgang til et meget større fontbibliotek og muligheden for at bruge flere fonte og oprette flere kits.
Kan jeg bruge mere end én Typekit font på min Fabrik-side?
Med en gratis Typekit-konto er du typisk begrænset til ét kit, som kan indeholde et begrænset antal fonte (ofte kun én fontfamilie med et par vægte/stilarter). Med et betalt abonnement kan du oprette flere kits og inkludere flere fonte, som du derefter kan konfigurere i Fabrik til forskellige elementer (overskrifter, brødtekst osv.), hvis dit tema understøtter det.
Hvad hvis jeg ændrer domænet for min Fabrik-side?
Hvis du ændrer domænet for din Fabrik-side, skal du huske at opdatere listen over domæner i dit Typekit-kit. Gå til kit-redigeringssiden i Typekit, rediger indstillingerne for dit kit, og tilføj eller opdater domænelisten, så den stemmer overens med dit nye Fabrik-domæne. Husk at publicere kittet igen efter ændringen.
Hvorfor vises min font stadig ikke, selvom jeg har fulgt alle trin?
Ud over de fejlfindingstips nævnt tidligere, tjek om din browser blokerer for noget (prøv en anden browser eller ryd din cache). Tjek også Typekits status side for eventuelle serviceproblemer. Hvis du er sikker på, at alle indstillinger er korrekte, kan det være en god idé at kontakte Fabriks support for yderligere assistance.
Påvirker brugen af Typekit fonte min sides indlæsningshastighed?
Ja, brugen af brugerdefinerede webfonte, herunder dem fra Typekit, tilføjer en lille mængde data, der skal indlæses, når en besøgende ankommer til din side. Typekit er dog optimeret til hurtig levering af fonte. For at minimere påvirkningen, brug kun de vægte og stilarter af fonten, du faktisk har brug for i dit kit, og undgå at inkludere for mange forskellige fontfamilier.
Afsluttende tanker
At integrere Adobe Typekit med din Fabrik-side er en fantastisk måde at løfte dit visuelle udtryk på. Ved at følge disse trin kan du nemt bringe professionelle, brugerdefinerede skrifttyper til din online portfolio eller hjemmeside. Eksperimenter med forskellige fonte for at finde den, der bedst repræsenterer dig og dit arbejde. God fornøjelse med at designe!
Hvis du vil læse andre artikler, der ligner Brug Adobe Typekit Fonte i Fabrik, kan du besøge kategorien Design.