hallo
ich soll eine homepage entwerfen, die die Schriftart Avantgard Bk BT verwendet. diese ist aber scheinbar keine standardschrift und wird deshalb nicht auf allen rechnern korrekt angezeigt. gibt es einen weg, dass der browser die schriftartendatei aus dem web lädt?
lg
accumbare
Verwendung von nicht Standardschriften
-
accumbare -
15. April 2004 um 09:32
-
-
- Offizieller Beitrag
Um einen eigenen Font in deine Webseite zu integrieren, brauchst du den Font und Microsofts(!) Weft ( http://download.microsoft.com/download/8/a/1…/WEFTIII2b1.exe ).
Zuerst erstellst du eine ganz einfache Seite, wo du den Original-Font einbindest und ein wenig Text reinpackst, der alle Zeichen (incl. Sonderzeichen) enthält.
Diese Seite, die nun lokal auch deinen Font zeigen muss, wird in MS-Weft geladen:
Weft zuerst installieren, dann starten.
Im Dialog "Add WebPages" fügst du nun die neue Seite hinzu (file://PfadZuDeinerSeite/DeineSeite).
Dann klickst du 2x auf weiter und siehst im nächsten Fenster den Font. Den kannst du nun markieren und schauen, ob er alle Zeichen mitgenommen hat (was ja der Fall sein sollte, denn in deiner Test-Seite hast du ja schon alle Zeichen).
Wenn du wieder auf Weiter gehst, wirst du gefragt, wo du speichern willst (same procedure wie oben), dann kannst du das "Projekt" speichern und bist fertig mit Weft.
Nun sollte der Font erstellt worden sein (Dateiendung .eot) und eine CSS-Formatierung in deiner Test-index.html erstellt worden sein.Die CSS-Formatierung müßte in etwa so aussehen:
<STYLE TYPE="text/css">
<!--
@font-face {
font-family: Sevenet;
font-style: normal;
font-weight: normal;
src: url(SEVENET.eot);
}
-->
</STYLE>Diese beiden "Elemente" kannst du nun in deine Webseite integrieren:
Die eot-Datei kopierst du in dein Homepage-Verzeichnis und die CSS-Anweisung kommt in den Head deiner index.Der Font wird dann entweder über eine Style-Anweisung oder über den Font-Tag eingebunden (z.B. so: <font face="Sevenet">Hallihallo!</font>)
Vorsucht: sollte der Fontname Leerzeichen enthalten, mußt du ihn beim Style-Aufruf in Anführungszeichen setzen.
Hier noch ein guter Link zu dem Thema
http://selfhtml.teamone.de/css/eigenschaf…hrift_datei.htmMir persönlich wäre das ein zu großer Aufwand und würde lieber auf die Standart schriften zurückgreifen.
Falles es sich nur um Textstelen handelt könntest Du auch den Trick mit einer Grafik machen -
mit dem weft tool hats funktioniert, danke für die hilfe!
-
Hallo,
ich hab da noch ne frage. Wo kann man die Fonts runterladen? Und kann man auch selber welche machen?
freue mich auf Antworten. -
Zitat
Wo kann man die Fonts runterladen?
Hier gibts ne Menge Fonts zum runterladen:
Die Schriftdatei einfach in den Ordner "Windows" >> "Fonts" reinkopieren.
MfG,
-
darf ich die dann uneingeschränkt auf meiner hp nutzen, oder hegen die Urheberrechte darauf???
-
Des müsste entweder für jeden angegeben sein, oder allgemein sich eine Info dazu auf der jeweiligen page befingen...
greez,
Mac. -
hmm irgendwie klappt das bei mir nicht...Der kackt immer ab wenn ich alle schritte durch gegangen bin und er die Dann hochladen will...mist