Gids voor probleemoplossing: lettertypen toevoegen aan een website

Laatst bijgewerkt op 10 jan. 2025

Waarmee heb je problemen?

Notitie

Adobe Fonts is niet compatibel met XP, Windows 7, Windows Vista, en Mac OSX.

Lettertypen werken in geen enkele browser

Probleem

Oplossing

De insluitcode ontbreekt op de site.

Je hebt de insluitcode geminimaliseerd tot een bestand op je eigen server.

Minimaliseren is niet toegestaan onder de gebruiksvoorwaarden en zorgt ervoor dat de lettertypen niet goed worden geladen.

Sluit de insluitcode uit van je compressietools voor CSS- en JavaScript-bestanden en werk je website bij, zodat deze de insluitcode ongewijzigd gebruikt.

De juiste naam voor de lettertypefamilie is niet toegevoegd aan de CSS.

Voeg de opgegeven namen voor de lettertypefamilies toe aan je CSS. Op de Help-pagina voor CSS-kiezers wordt uitgelegd hoe je de naam van de lettertypefamilie kunt vinden voor elk weblettertype dat je gebruikt.

Een browser-extensie blokkeert de weblettertypebestanden.

Schakel de browserextensie uit of wijzig de instellingen ervan om weblettertypen van Adobe (voorheen Typekit) toe te staan.

Lettertypen werken niet in mobiele browsers

Probleem

Oplossing

De browser wordt niet ondersteund.

De juiste dikte of stijl voor het lettertype is niet opgegeven in de CSS.

Voeg de dikte of stijl toe aan het webproject en zorg dat deze correct is opgegeven in de CSS.

Firefox geeft de lettertypen niet weer, maar andere browsers wel

Probleem

Oplossing

Downloadbare lettertypen zijn in verborgen instellingen uitgeschakeld.

Een andere verborgen voorkeur schakelt downloadbare lettertypen uit.

  1. Open een nieuw browsertabblad en typ about:config op de adresbalk.
  2. Voer gfx.downloadable_fonts.enabled in het zoekveld in.
  3. Stel de waarde in op true. Om dit te wijzigen, dubbelklik je op de voorkeurenrij.

De browservoorkeur om gebruikerslettertypen te overschrijven, is uitgeschakeld.

Een voorkeur bepaalt of eigen lettertypen de browserinstellingen van de gebruiker mogen overschrijven. Selecteer onder Taal en vormgeving > Lettertypen en kleuren > Geavanceerd de optie Pagina's toestaan om hun eigen lettertypen te kiezen.

Internet Explorer geeft de lettertypen niet weer, maar andere browsers wel

Probleem

Oplossing

De documentmodus is ingesteld op een oudere versie van de browser [IE9 of hoger].

Als je een andere documentmodus gebruikt, wordt het lettertypebestand in een onjuiste indeling doorgegeven aan de browser.

Verwijder metatags die Internet Explorer vertellen dat een andere documentmodus moet worden gebruikt, zoals

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

 

De browservoorkeur om gedownloade lettertypen uit te schakelen is ingeschakeld in [IE8].

Met een beveiligingsinstelling kun je alle downloadbare lettertypen uitschakelen. Zoek Lettertypen downloaden onder Extra > Internetopties > Beveiliging > Aangepast niveau > Downloads. Schakel lettertypedownloads in met het standaardbeveiligingsniveau. Als de beveiliging is ingesteld op 'hoog', worden lettertypen mogelijk niet geladen.

Alle tekst is cursief in Internet Explorer

Probleem

Oplossing

De documentmodus is ingesteld op een oudere versie van de browser.

Als je een andere documentmodus gebruikt, wordt het lettertypebestand in een onjuiste indeling doorgegeven aan de browser en kan dit ertoe leiden dat alle tekst cursief wordt weergegeven.

Verwijder metatags die Internet Explorer vertellen dat een andere documentmodus moet worden gebruikt, zoals

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


 

Lettertypen worden niet weergegeven of zien er 'dubbel' uit in Safari en Safari op mobiel

Probleem

Oplossing

De dikte of stijl van het lettertype die in de CSS wordt gebruikt, is niet inbegrepen bij het webproject.

Voeg de dikte of stijl toe aan het project en zorg dat deze correct is opgegeven in de CSS.