Hi Sunfire, wilkommen bei bytefresser
Um einen eigenen Font in deine Webseite zu integrieren, brauchst du den Font und Microsofts(!) Weft (download hier).
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.
\"I have not failed. I\'ve just found 10,000 ways that won\'t work.\" - Thomas Alva Edison (1847-1931)