Schrift oder Bild?!

Ich muss für die FH eine Website programmieren als Hausarbeit, Thema ist uns freigestellt. Darum hab ich mir überlegt, was mit Fantasy zu machen (eine Buchvorstellung).
Für den Inhalt (hauptsächlich Überschrift und Menü) wollte ich da aber nicht so eine langweilige Standard-Schrift nehmen wie Arial oder Times, sondern eher etwas 'Besonderes', wie Tolkien/Stonehenge.
Das Problem dabei ist ja, dass diese Schrift nicht jeder auf dem Rechner hat und dann bei denjenigen trotzdem eine Standardschrift angezeigt wird.

Meine Frage ist, ob man das irgendwie 'umgehen' kann, mit CSS oder so, wenn ich die Font-Datei mit auf den Webspace lade oder irgendwas ähnliches? (War jetzt nur eine Idee, mit CSS kenn ich mich leider noch nicht so gut aus, bin noch am einlesen *g*.)
Oder muss ich die Wörter jetzt alle als Bild abspeichern, um sie 'richtig' anzeigen zu lassen?

Bilder wären meiner Meinung nach die beste Möglichkeit, aber du hast folgende Alternativen:

1. Es gibt eine Stylesheet(CSS)Angabe, die eine Schriftart erst beim Benutzer sucht und herunterlädt, falls sie dort nicht vorhanden ist:

Code:

---

<style type="text/css">
 @font-face { font-family: 'Verdana'; src:local('Verdana'), url('Verdana.ttf') format('TrueType'); }
</style>

---

Aber leider wird diese Angabe von kaum einem Browser unterstützt.

2. Du bietest die Schriftart zum Download an, allerdings könnte sich das in deiner Situation eher negativ auswirken.

3. Für diese Alternative Installierst du das Betriebssystem des Zielcomputers mit minimalen Einstellungen, dann sollte die Anzahl der verfügbaren Schriftarten identisch sein (^^).

Sofern der Zielcomputer keinen Textbrowser verwendet oder Bilder deaktiviert hat bist du mit Bildern auf der sichersten Seite.

Zitat:

---

Original geschrieben von mitaki
Sofern der Zielcomputer keinen Textbrowser verwendet oder Bilder deaktiviert hat bist du mit Bildern auf der sichersten Seite.

---

Und selbst dann ist die Seite noch benutzbar, wenn du den Bilder vernünftige Alternativtexte zuweist.

Beispiel: Du willst, daß die Seite "Foobar's Fantasyecke" ihren Namen in einem hübschen Logo ausgibt. Du willst aber auch, daß Textbrowser anzeigen, welche Seite das ist.
Also gibst du deinem Logo einen passenden Alternativtext mit:

Code:

---

<img src="logo.png" alt="Foobar's Fantasyecke">

---

So können selbst Lynx-User erkennen, welche Seite sie da angesurft haben.

Wenn du eine Navigation machst, die aus Bildern aufgebaut ist, solltest du grundsätzlich sinnvolle Alternativtexte angeben.