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

Siehe den Artikel 50 nützliche Design-Tools für schöne Web-Typografie für alternative Methoden.

Ich habe nur verwendet Cufon . Ich habe festgestellt, dass es zuverlässig und sehr einfach zu bedienen ist, also habe ich es beibehalten.

Answer 2

Typeface.js JavaScript Way:

Mit typeface.js können Sie benutzerdefinierte Schriftarten in Ihre Webseiten einbetten, damit Sie Text nicht in Bilder umwandeln müssen

Anstatt Bilder zu erstellen oder zu verwenden Flash, um die Grafik Ihrer Website zu zeigen Text in der gewünschten Schriftart anzuzeigen, können Sie die typeface.js verwenden und in einfachem HTML und CSS schreiben, so als hätten Ihre Besucher die Schriftart lokal installiert.

http://typeface.neocracy.org/

Answer 3

Wenn Sie eine Datei mit Ihrer Schriftart haben, müssen Sie weitere Formate dieser Schriftart für andere Browser hinzufügen.

Zu diesem Zweck verwende ich einen Schriftgenerator wie Fontsquirrel Es bietet alle Schriftformate und sein @font-face-CSS, Sie müssen es nur per Drag & Drop in Ihre CSS-Datei ziehen.

Answer 4

@font-face {
font-family: "CustomFont";
src: url("CustomFont.eot");
src: url("CustomFont.woff") format("woff"),
url("CustomFont.otf") format("opentype"),
url("CustomFont.svg#filename") format("svg");
}