CSS Custom Font?
Rens Rikkerink
24/04/2009 11:08:00Goeiedag allemaal, ik probeer een eigen lettertype op mijn website te plaatsen, maar het wil nog niet echt lukken. Hier is de code
Beide *.ttf en *.eot bestanden bestaan wel, dus daar ligt het niet aan.
Kunnen jullie misschien helpen?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<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]-->
@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?
PHP hulp
24/11/2024 05:26:15Winston Smith
24/04/2009 11:11:00Met 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:00GaMer B
24/04/2009 11:34:00Custom 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.
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.
Gewijzigd op 01/01/1970 01:00:00 door GaMer B
Rens Rikkerink
24/04/2009 11:54:00Ok, bedankt
Edit: Nog een vraagje, ondersteund IE 8 css3? En zoja, hoe kan ik dan een custom font gebruiken?
Edit: Nog een vraagje, ondersteund IE 8 css3? En zoja, hoe kan ik dan een custom font gebruiken?
Gewijzigd op 01/01/1970 01:00:00 door Rens Rikkerink
Hipska BE
22/08/2009 21:24:00Zoals 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/
http://www.css3.info/preview/web-fonts-with-font-face/