Felsökningsguide: Lägga till fonter på en webbplats

Senast uppdaterad den 10 jan. 2025

Vad har du problem med?

Obs!

Adobe Fonts är inte kompatibelt med XP, Windows 7, Windows Vista och Mac OSX.

Fonter fungerar inte i någon webbläsare

Problem

Lösning

Inbäddningskoden saknas på webbplatsen.

Du har komprimerat inbäddningskoden till en fil på din server.

Komprimering är inte tillåtet enligt användningsvillkoren och hindrar att fonterna läses in korrekt.

Uteslut inbäddningskoden från programmen som komprimerar dina CSS- och JavaScript-filer och se till att webbplatsen använder den tillhandahållna inbäddningskoden.

Rätt fontfamiljnamn har inte lagts till i CSS-koden.

Lägg till de tillhandahållna fontfamiljnamnen i CSS-koden. Hjälpsidan där CSS-väljare beskrivs visar hur du hittar fontens familjenamn för samtliga de webbfonter du använder.

Ett webbläsartillägg blockerar webbfontfilerna.

Stäng av webbläsartillägget eller ändra dess inställningar så att det tillåter webbfonter från Adobe (tidigare Typekit).

Fonter fungerar inte i mobilwebbläsare

Problem

Lösning

Webbläsaren stöds inte.

Korrekt fontvikt eller fontstil anges inte i CSS-koden.

Lägg till vikten eller stilen i webbprojektet och se till att den är korrekt angiven i CSS-koden.

Firefox visar inte fonterna men andra webbläsare gör det

Problem

Lösning

Hämtbara fonter är avstängda i dolda preferenser.

En annan dold preferens inaktiverar hämtbara fonter.

  1. Öppna en ny webbläsarflik och skriv about:config i adressfältet.
  2. Ange gfx.downloadable_fonts.enabled i sökfältet.
  3. Välj värdet true (sant). Ändra värdet genom att dubbelklicka på preferensraden.

Webbläsarpreferensen som åsidosätter användarfonter är avstängd.

En preferens avgör om anpassade fonter får åsidosätta användarens webbläsarinställningar. Välj alternativet Tillåt sidor att välja egna fonter under Språk och utseende > Teckensnitt och färger > Avancerat.

Internet Explorer visar inte fonterna men andra webbläsare gör det

Problem

Lösning

Dokumentläget är inställt på en äldre version av webbläsaren [IE9 eller senare].

Används ett annat dokumentläge leder det till att fel fontfilformat skickas till webbläsaren.

Ta bort meta-taggar som talar om för Internet Explorer att använda ett annat dokumentläge, t.ex.

<meta http-equiv="X-UA-Compatible" content="IE=8">

 

Webbläsarpreferensen för att inaktivera hämtade fonter är aktiverad [IE8].

En säkerhetsinställning kan inaktivera alla hämtbara fonter. Leta efter Fonthämtning under Verktyg > Internetalternativ > Säkerhet > Anpassad nivå > Nedladdningar. Aktivera hämtning av fonter med standardsäkerhetsnivån. Om säkerheten är hög kanske fonter inte läses in.

All text är kursiverad i Internet Explorer

Problem

Lösning

Dokumentläget är inställt på en äldre version av webbläsaren.

Används ett annat dokumentläge leder det till att fel fontfilformat skickas till webbläsaren, och det kan orsaka att all text sätts kursiverad.

Ta bort meta-taggar som talar om för Internet Explorer att använda ett annat dokumentläge, t.ex.

<meta http-equiv="X-UA-Compatible" content="IE=8">


 

Fonter visas inte eller ser dubblerade ut i Safari och Safari för mobiler

Problem

Lösning

Fontvikten eller fontstilen som används i CSS ingår inte i webbprojektet.

Lägg till vikten eller stilen i projektet och se till att den är korrekt angiven i CSS-koden.