Wie fügt man einer Website eine nicht standardisierte Schriftart hinzu?

Question

Gibt es eine Möglichkeit, eine benutzerdefinierte Schriftart auf einer Website hinzuzufügen, ohne Bilder zu verwenden? Blitzlicht oder eine andere Grafik?

Ich habe zum Beispiel an einer Hochzeits-Website gearbeitet und viele schöne Schriftarten für dieses Thema gefunden. Aber ich kann nicht den richtigen Weg finden, um diese Schriftart auf dem Server hinzuzufügen. Und wie kann ich diese Schriftart mit CSS in den HTML-Code einbinden? Ist das auch ohne Grafiken möglich?

Answer 1

Der Artikel Font-face im IE: Web-Schriften zum Laufen bringen sagt, dass es mit allen drei gängigen Browsern funktioniert.

Hier ist ein Beispiel, das ich zum Laufen gebracht habe: http://brendanjerwin.com/test_font.html

Weitere Diskussionen sind in Einbetten von Schriftarten .

Answer 2

Schriftbild.js y Cufon sind zwei weitere interessante Optionen. Es handelt sich um JavaScript-Komponenten, die spezielle Schriftdaten im JSON-Format darstellen (die Sie aus TrueType ou OpenType Formate auf ihren Websites) über das neue <canvas>-Element in allen neueren Browsern außer Internet Explorer und über VML im Internet Explorer.

Das Hauptproblem bei beiden ist (bisher), dass die Auswahl von Text nicht oder nur sehr umständlich funktioniert.

Für Schlagzeilen ist es jedoch sehr gut geeignet. Fließtext... Ich weiß nicht so recht.

Und sie ist überraschend schnell.

Answer 3

Oder Sie könnten versuchen sIFR . Ich weiß, dass es Flash verwendet, aber nur, wenn es verfügbar ist. Wenn Flash nicht verfügbar ist, wird der Originaltext in seiner ursprünglichen (CSS-)Schriftart angezeigt.

Answer 4

Wenn Sie ASP.NET verwenden, ist es sehr einfach, bildbasierte Schriftarten zu generieren, ohne dass Sie Schriftarten auf dem Server installieren (d. h. zur installierten Schriftartenbasis hinzufügen) müssen:

PrivateFontCollection pfont = new PrivateFontCollection();
pfont.AddFontFile(filename);
FontFamily ff = pfont.Families[0];

und dann mit dieser Schriftart auf eine Graphics .

Answer 5

Safari und Internet Explorer unterstützen beide die CSS @font-face-Regel, allerdings unterstützen sie zwei verschiedene eingebettete Schriftarten. Firefox plant, in absehbarer Zeit denselben Typ wie Apple zu unterstützen. SVG kann Schriftarten einbetten, wird aber noch nicht so umfassend unterstützt (ohne ein Plugin).

Ich denke, die portabelste Lösung, die ich gesehen habe, ist die Verwendung einer JavaScript-Funktion, um Überschriften usw. durch ein Bild zu ersetzen, das auf dem Server mit der Schriftart Ihrer Wahl generiert und zwischengespeichert wird - auf diese Weise aktualisieren Sie einfach den Text und müssen nicht in Photoshop herumpfuschen.