CSS Custom Font?

Door Rens Rikkerink op 24-04-2009 11:08

3.602 views

Goeiedag allemaal, ik probeer een eigen lettertype op mijn website te plaatsen, maar het wil nog niet echt lukken. Hier is de code


<style> 
    @font-face {
	font-family:"Morpheus";
	src: url(./data/layout/morpheus.ttf) format("truetype");
    }
</style>
<!--[if IE]>
    <style>
    @font-face {
    font-family:"Morpheus";
    src: url(./data/layout/morpheus.eot);
    }
    </style>
<![endif]-->

Beide *.ttf en *.eot bestanden bestaan wel, dus daar ligt het niet aan.
Kunnen jullie misschien helpen?

Winston Smith

24-04-2009 11:11

Met CSS3 (wat door veel browsers nog niet ondersteund wordt) kun je je eigen fonts inladen. Nu ben je nog aangewezen op bijvoorbeeld sIFR.

Rens Rikkerink

24-04-2009 11:24

Ok.... dat begrijp ik ff niet

Onbekende gebruiker

24-04-2009 11:34

Custom fonts kan je nu nog niet gebruiken, omdat CSS3 (nieuwste versie van CSS) nog niet door alle browsers wordt ondersteunt.

Een alternatief daarentegen is er wel, namelijk sIFR.

EDIT: Daarbij wordt Flash .swf bestanden gebruikt om de custom fonts te renderen en on-the-fly met JavaScript geintegreerd op de door jouw gedefinieerde plaatsen.

Rens Rikkerink

24-04-2009 11:54

Ok, bedankt

Edit: Nog een vraagje, ondersteund IE 8 css3? En zoja, hoe kan ik dan een custom font gebruiken?

Hipska BE

22-08-2009 21:24

Zoals jij doet in uw code, het eerste stukje is hoe het zou moeten in CSS3 (voorlopig enkel safari die het ondersteund dacht ik) en het stukje voor IE is volgens mij correct voor de IE browsers (vanaf v.5)

http://www.css3.info/preview/web-fonts-with-font-face/

Reageren

Inloggen om te reageren