nicht installierte Schriftart auf Website anzeigen

[LukOnline]

Hallo Leute,

ich habe mal eine Frage: In einem Webprojekt hat mir eine Schriftart gefallen.

Ich hab mir die nötigen Zeilen in meine CSS abgeschrieben doch die Schrift wurde in meinem Projekt nicht angezeigt! Beim nachforschen habe ich festgestellt, dass die Schriftart nicht auf meinem Laptop installiert war. Nachdem ich sie runtergeladen und installiert habe, wurde sie auch in meinem Projekt angezeigt. Jetzt aber die Frage: Wie konnte die Schrift vorher angezeigt werden, wenn sie nicht installiert war? Gibt es da eine neue Technik? CSS3?

Danke schonmal für die Info,

Gruß Luk

[flashpixx]

siehe z.B. Google Web Fonts bzw funktioniert das wie hier beschrieben Doku:CSS/Eigenschaften/Webfonts

[LukOnline]

Hey, genau das brauche ich!

Vielen Dank.

[mapr]

Hallo,

ich häng mich hier mal mit an.

Hab das gleiche Problem und mal ein bißchen rumprobiert.

Arbeite mit einem CMS wobei das Aussehen in einer .css-Datei gespeichert wird.

Wenn ich o. g. Tipp umsetze funktioniert das aber nicht. Es wird nicht die "verlinke" Schrift, sondern eine Standard-Schrift angezeigt.

Ich häng mal meinen Code mit an.

Der ganze Code steht in einer .css-Datei, die das komplette Template-Aussehen steuert.

Vielleicht kann mir ja jemand sagen, wo mein Fehler liegt.

@font-face

{ font-family:Test;

             src:url(../font/Biminr__.ttf)   format('truetype');

}


/*Schrift oben*/

#logo a, #logo a:link, #logo a:hover 

{

	font-family:Test,Bimini,Helvetica,Arial,sans-serif;

	font-weight:bold;

	font-size: 4em;

	padding:0;

	margin:0;

	line-height:1.4em;

	color:#fefefe;

	text-decoration:none;*/

}

[flashpixx]

Vielleicht kann mir ja jemand sagen, wo mein Fehler liegt.

Bitte den Abschnitt "Formate und Browser" auf der Selfhtml Seite einmal lesen

[LukOnline]

Also bei mir funktioniert es so:

@font-face 

{

    font-family: Angelina;

    src: url("../addons/angelina.TTF") format('truetype');

}


div#Titelzeile

{

    font-family: Angelina, 'Monotype Corsiva'; 

}