CSS Custom Font für Sidebar & Website-Überschrift

[lynx]

Hallo HaBos!

Ich habe bei einer Website eine "Custom Font" für die Sidebar und den Titel der Seite benutzt.

Jetzt ist es so, dass auf Rechnern, wo diese Schriftart NICHT installiert ist, die natürlich nicht angezeigt wird und eine langweilige Standardschrift erscheint, etwa "Arial" oder so.

Wie kann ich das ändern??

Probiert habe ich den Trick von folgender Stelle:

http://www.howtoplaza.com/how-to-use-custom-fonts-on-your-website-with-css

Doch das mit

[COLOR=#a1a100]@font-face {[/COLOR]
    [COLOR=#000000][B]font-family[/B][/COLOR][COLOR=#00aa00]:[/COLOR] cool_font[COLOR=#00aa00];[/COLOR]
    src[COLOR=#00aa00]:[/COLOR] [COLOR=#993333]url[/COLOR][COLOR=#00aa00]([/COLOR][COLOR=#ff0000]'cool_font.ttf'[/COLOR][COLOR=#00aa00])[/COLOR][COLOR=#00aa00];[/COLOR]
[COLOR=#00aa00]}[/COLOR]

und

p.custom_font[COLOR=#00aa00]{[/COLOR]
    [COLOR=#000000][B]font-family[/B][/COLOR][COLOR=#00aa00]:[/COLOR] cool_font[COLOR=#00aa00];[/COLOR] [COLOR=#808080][I]/* no .ttf */[/I][/COLOR]
[COLOR=#00aa00]}[/COLOR]

funktioniert bei mir leider nicht. :-/

Danke im Voraus für Eure Hilfe!

Viele Grüße,
lynx

 

[xeno]

Generell tut das, einen entsprechend aktuellen Browser vorausgesetzt. Einzigen Fehler den ich entdecke, könnten die Hochkommata um die Datei sein:

src: url(bla.ttf);

 

[Enterprize1]

http://www.fontsquirrel.com/fontface/generator

Man muss nur darauf achten, dass man auch die nötigen Rechte an der Schrift hat. Manche Font-Lizenzbedingungen verbieten auch das einbinden in Websites

--
Enterprize1