Eigene Schriftart einbinden

[techway]

Hallo Leute,

wie macht man es wenn man z.B. die Produktnamen im product_listing in einer ganz anderen (auf dem Server/Client nicht verfügbaren Schrift) darstellen möchte?

Muss man dazu so rendering Funktionen verwenden die das ganze als Bild darstellen wie z.B. imagettftext?

Wenn man es so machen würde, wie sieht es dann lizenzrechtlich aus wenn ich eine gekaufte Schrift einsetzen möchte? Muss man diese dann gesichert auf dem Server ablegen?

Was ist es performancetechnisch wenn man die genannte Funktion verwendet? (da wären sicherlich ein paar Caching-Funktionalitäten hilfreich)

Danke für eure Hilfe.

EDIT: habe soeben diesen Beitrag entdeckt... Cufon - Schriftarten mittels JS einbinden (statt mit Flash)

Viele Grüße
TechWay



Linkback: https://www.modified-shop.org/forum/index.php?topic=11316.0

[Matt]

Wenn man nur "was anderes" haben will und nicht zwingend auf seine Hausschrift angewiesen ist kann man auch mal im Google Webfont Verzeichnis stöbern: http://www.google.com/webfonts

[Tomcraft]

Die darf man auch kommerziell nutzen?

Grüße

Torsten

[Matt]

Ich zitiere mal:

The fonts in the directory are all released under open source licenses; you can use them on any non-commercial or commercial project.

[h-h-h]

Oder CCS3  

Code: CSS  [Auswählen]

@font-face { src: url(meineschriftart.ttf); }

Gruß

h-h-h

[Matt]

Was dir nicht garantiert, dass du die Schriftart benutzen darfst. Und du dich selber um so Exotenbrowser wie den Internet-Explorer kümmern musst.

[Tomcraft]

Ich zitiere mal:

The fonts in the directory are all released under open source licenses; you can use them on any non-commercial or commercial project.

Danke, ich war zu faul zu suchen. Hatte gerade die Priorität auf dem Abendessen...

Schlechtes Vorbild, ich weiss...

Grüße

Torsten

[terrenal]

Achtung - die webfonts kann man auf zwei Arten einbinden.

Eigentlich am einfachsten wie es auch auf der Vorschauseite steht mit link href http://www.google.com/webfonts/preview#font-family=Aclonica

Dann gibt es aber auf den SSL verschlüsselten Seiten des shops Warnungen wegen unsicherer Elemente - ein berühmter Umsatzkiller.

Deshalb muss man für den Shop besser die javascript Variante zum einbinden nutzen - den Webfont Loader http://code.google.com/intl/de/apis/webfonts/docs/webfont_loader.html

Fertig zu kopieren gibt es da das Standard script etwas versteckt bei der Einzelansicht der Schrift unter "Use this font", ganz unten unter "Advanced techniques".

Das script selbst kann dann noch etwas verfeinert werden wenn man will und kann.

als noscript version muss man da einfach eine Ersatzschrift als zweites in der CSS angeben (die dann in Größe und Laufweite etwas ähnlich ist).

Ist auf jeden Fall ein extremer Gewinn - die Schrift macht doch richtig viel aus beim Gesamteindruck.

Vorteil der Google Webfonts ist gegenüber eigenem Einbau der (dafür freien) Schriften dass hier serverseitig gleich das richtige Dateiformat für den anfragenden Browser geliefert wird - sonst braucht man nämlich 2-3 Formate.