Text mit bestimmter Font erstellen

[-Andi-]

Hi,

gibt es einen Befehl, mit dem ich einen Text in einer bestimmten Schriftart auf einer Website darstellen kann? Das Problem dabei ist, dass die Schriftart wohl nicht auf jedem PC vorhanden ist. Deshalb möchte ich sie zur Laufzeit als Bild erstellen lassen.

Ich habe schon längere Zeit gesucht, habe aber nur dies gefunden http://www.selfphp.de/funktionsrefer...agettftext.php
Leider kann man mit diesem Befehl nur Texte in Bilder einbinden (so ne Art Wasserzeichen). Ich möchte aber lediglich den Text eingeben können und es erstellt mir alles andre automatisch.

Mfg. -Andi-

[webcreate]

http://www.mikeindustries.com/blog/sifr könnte dir helfen ...

[-Andi-]

Hi Mark,

hört sich ganz gut an aber mit Flash wollte ich es eigentlich nicht lösen. Ich suche parallel auch immer noch selbst im Web.
Irgendwo habe ich genau das was ich suche schon mal gesehen mittels php gelöst. Ich weiß allerdings nicht mehr ob der PHP Code daraus ein einfaches Bild gemacht hat oder nicht.

Mfg. -Andi-

[webcreate]

typeface: http://typeface.neocracy.org
facelift: http://facelift.mawhorter.net

Probleme hierbei können aber mit den Schriftlizenzen auftauchen, denn man muss die font-datei auf dem server haben und das darf man idR nicht, bei kommerziellen Schriften, auch wenn man sich selber eine Nutzungslizenz gekauft hat. Das ist es ja, was sifr umgeht, da die schriften nur in die SWF eingebettet sind und das ist ok ...

[der_robert]

Oder du nimmst sowas hier - Stichwort @font-face --> http://www.fontsquirrel.com/fontface/generator

Such dir ne Free-Font die für "web embedding" zugelassen sind und schon kanns losgehen. Das ganze läuft nach dem Prinzip wie googels Font api.

Aber aufgepasst es funktioniert zwar mit allen schriften aber nicht alle Schriften kann man auch gut lesen - viele schriften sind erst ab Schriftgröße 30-40px als Web-Font gut lesbar.

Und so sieht das aus -->

@font-face {
	font-family: 'Arial'; <------------ wichtig (siehe unten) (hier steht der Font Name)
	src: url('arial-webfont.eot');
	src: local('☺'), url('arial-webfont.woff') format('woff'), url('arial-webfont.ttf') format('truetype'), url('arial-webfont.svgz#') format('svg'), url('arial-webfont.svg#') format('svg');
	font-weight: normal;
	font-style: normal;
}

ist zwar am beispiel von Arial (was ja nicht viel sinn macht :-) ) aber egal - das ganze in die CSS datei, Pfade anpassen und schon kanns losgehen.

Im weiteren muss dann nurnoch bei der entsprechnenden ID oder Klasse -->

font-family: 'Arial';

angegeben werden.

Wenn mehrere schriften bei font-family drin stehen muss die "neue" schrift natürlich nach ganz vorne.