Webfont werkt alleen op frontpage

Voor mijn website hervormdijsselmonde.nl/jupgrade gebruik ik het webfont 'MuseoSans-500'. Op de voorpagina werkt dat prima. Maar op alle andere pagina's werkt dat niet... Wat doe ik verkeerd?

Vermoed dat je de css niet goed aanroept.

In de index.php heb ik een link gemaakt naar het webfont CSS. In het bestand screen.css verwijs ik naar het webfont...

Ik ben niet zo thuis in de wereld van de fonts maar wilde dit hoe dan ook even hier vermelden omdat het het leven een stuk aangenamer maakt.

Bij het gebruik van fonts ben je afhankelijk of de bezoeker van je website de betreffende fonts geïnstalleerd heeft.

Google heeft een tijdje geleden de Google Web Fonts API uitgebracht. Met deze API kun je een grote collectie fonts veilig oproepen en handeld Google het 'displayen' van het font af.

Ja, maar ik gebruik een webfont wat ik op de site geïnstalleerd heb. Op mijn eigen PC heb ik het betreffende font niet geïnstalleerd en dat zou dus ook niet nodig moeten zijn.

Hoe heb je het font opgeroepen in het CSS?

Heb je alvorens het te gebruiken:

Na dit gedaan te hebben zou het geen probleem meer moeten zijn het font te gebruiken voor de opmaak in het CSS.

1. Is de link naar het font correct?
2. Verwijs je in de opmaak (CSS) naar het juiste deel (waar je het font zou willen gebruiken?

Overigens zijn er problemen met het invoegen van fonts op deze manier in IE. Lees dit artikel anders eens voor meer duidelijkheid.

Vanuit de index.php:
Vanuit screen.css:
Zie de bijlage voor MyFontsWebfontsKit.css.

Edit Jelle. Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Zet die twee regels van MyFontsWebfontsKit.css eens in template.css. Moet je wel even de paden controleren. En dan die link uit de index.php weghalen.

Ik zie de bijlage nergens.

Overigens zie ik wel nog iets anders dat de oorzaak zou kunnen zijn. Dat is het gebruik van de body voor opmaak van tekst.

Indien er later in het CSS bestand aanspraak wordt gemaakt op styling van een tag dan heeft deze voorrang op de styling in de body. Hetzelfde gaat op voor een CSS bestand dat na dit bestand wordt opgeroepen in de HTML code.

Ok, het is gelukt. Superbedankt, Astrid (en anderen). Nog een klein vraagje: wordt de site hierdoor niet iets trager? Doordat ik vanuit CSS link naar CSS?

Volgens mij niet. Ik had ff gespiekt bij beez_20 (een van de default templates) en die doen het op dezelfde manier.
Fijn dat het opgelost is.
Dank je wel voor de terugkoppeling.
Aangezien je oorspronkelijke vraag opgelost is, sluit ik dit draadje.