Hallo

Ik heb een website waarin niet-standaard fonts gebruikt worden, deze laad ik via css in.
Op mijn eigen computers in verschillende browsers werkt dat allemaal goed, de font zijn dadelijk zichtbaar.
Bij de persoon voor wie ik de website gemaakt heb worden de ingeladen fonts pas zichtbaar na een klik op de website.
De tijdspanne maakt niet uit ( dacht dat deze misschien nog aan het laden waren ) - ze worden pas zichtbaar na de eerste klik.
Ik zit met mijn handen in het haar ... kan iemand me zeggen hoe dit komt? Alvast bedankt!

Met vriendelijke groeten
Wesley

Hoe laad je ze in via CSS? Gebruik je @font-face?

Origineel gepost door Jeffrey vd V.

Hoe laad je ze in via CSS? Gebruik je @font-face?

Klopt! Ik gebruik inderdaad @font-face ... en de nodige font bestanden zijn er ook - bijvoorbeeld :

@font-face {
font-family: 'dinmedium';
src: url('../includes/fonts/dinmedium/dinmedium.eot');
src: url('../includes/fonts/dinmedium/dinmedium.eot?#iefix') format('embedded-opentype'),
url('../includes/fonts/dinmedium/dinmedium.woff') format('woff'),
url('../includes/fonts/dinmedium/dinmedium.ttf') format('truetype'),
url('../includes/fonts/dinmedium/dinmedium.svg#dinmedium') format('svg');
font-weight: normal; font-style: normal; }
.dinmedium { font-family:'dinmedium'; }