577 Stimmen

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

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?

4voto

Steve Moyer Punkte 5573

Die Technik, die das W3C dafür empfohlen hat, heißt "Embedding" und wird in den drei Artikeln hier gut beschrieben: Einbetten von Schriftarten . In meinen begrenzten Experimenten habe ich festgestellt, dass dieser Prozess fehleranfällig ist und ich hatte nur begrenzten Erfolg dabei, ihn in einer Multibrowser-Umgebung zum Laufen zu bringen.

3voto

Kent Fredric Punkte 55042

Ich habe ein wenig recherchiert und Folgendes herausgefunden Dynamische Textersetzung (veröffentlicht am 15.06.2004).

Bei dieser Technik werden Bilder verwendet, aber sie scheint "freihändig" zu sein. Sie schreiben Ihren Text und lassen ein paar automatisierte Skripte das automatische Suchen und Ersetzen auf der Seite für Sie übernehmen.

Es hat einige Einschränkungen, aber es ist wahrscheinlich eine der einfacheren Entscheidungen (und mehr Browser kompatibel) als alle anderen, die ich gesehen habe.

3voto

Wilf Punkte 673

Es ist auch möglich, WOFF-Schriften zu verwenden - Beispiel aquí

@font-face {
font-family: 'Plakat Fraktur';
src: url('/resources/fonts/plakat-fraktur-black-modified.woff') format('woff');
font-weight: bold;
font-style: normal;
 }

3voto

James Muscat Punkte 455

Es sieht so aus, als ob es nur im Internet Explorer funktioniert, aber eine kurze Google-Suche nach "html embed fonts" ergibt http://www.spoono.com/html/tutorials/tutorial.php?id=19

Wenn Sie plattformunabhängig bleiben wollen (und das sollten Sie!), müssen Sie Bilder oder eine Standardschriftart verwenden.

3voto

Abhijeet Kumar Punkte 85

Geben Sie einfach den Link zur aktuellen Schriftart an, und Sie sind startklar

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Montserrat'   rel='stylesheet'>
<style>
body {
font-family: 'Montserrat';font-size: 22px;
}
</style>
</head>
<body>

<h1>Montserrat</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

</body>
</html>

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X