externe font werkt niet

Door Bryan De Baar op 12-09-2014 15:18

1.200 views

Hallo Leden,

Op mijn website wil ik een bepaald font type hebben, dit is "pico alphabet".
Deze font heb ik gedownload en in een map geplaatst.
De mappen indeling is als volgt:

hoofdmap met daarin een map css, images en fonts.

In mijn css stylesheet heb ik de volgende regel toegepast:


@font-face {
   font-family:"Pico-Black";
   src: url(../fonts/pico-black.ttf) format("truetype");

Helaas wil dat niet werken op de elementen van mijn site.

Weet iemand hoe ik dit kan regelen?

Gr. Bryan

Frank Nietbelangrijk

13-09-2014 12:45 gewijzigd op 13-09-2014 12:46

- zorg dat het pad klopt.
- je moet nog wel het font activeren voor bepaalde elementen

dit werkt bij mij:


<!doctype html>
<html>
<head>
<meta charset="iso-8859-2">
<title>Untitled Document</title>
<style>
@font-face {
    font-family: Pico-Black;
    src: url(fonts/PICOBLA_.TTF);
}

/* activeer het font voor de hele body */
body {
    font-family: Pico-Black;
}
</style>
</head>
<h1>Leuk lettertype</h1>
<body>
</body>
</html>

Onbekende gebruiker

13-09-2014 20:31

En zet altijd externe fonts tussen enkele quotes ('Pico-Black')!

Reageren

Inloggen om te reageren