Nur um zu zeigen, dass es geht, Sonett Nummer 15 von Edmund Spenser:

Das Gedicht oben ist keine Grafik, sondern benutzt einen schönen alten Zeichensatz aus dem 17. Jahrhundert (etwas zu spät für Spenser). Dieser exotische Zeichensatz dürfte aber auf keinem Rechner meiner Leser vorhanden sein, er ist vielmehr derart eingebunden, dass er beim Laden der Seite mit übertragen wird.

Am einfachsten bettet man einen Zeichensatz ein, indem man die ttf- oder otf-Datei in ein Verzeichnis hochlädt, in diesem Fall gleich das, wo die CSS-Datei liegt, und diese Information dann so in die CSS-Datei schreibt:

@font-face {
 font-family: IM FELL English Pro;
 src:url('IMFeENrm29C.otf');
}

Alternativ außerhalb der CSS-Datei, also im Kopf einer konkreten Seite oder sonstwo:

<style type="text/css">
  @font-face:  {
    font-family: IM FELL English Pro;
    src:url('http://pfad/zur/datei/IMFeENrm29C.otf');
  }
</style>

Dann kann die Schrift IM FELL English Pro – die Namen kann man natürlich selber wählen – wie jeder andere Zeichensatz verwendet werden, in der CSS-Datei selber oder in einem div-Block anderswo:

<div style="font-family: 'IM FELL English Pro','Times'"> ... </div>

Das Hochladen des Fonts macht in meinem Fall noch einmal 190 KB aus.

Der Zeichensatz, den ich verwendet habe, gehört zu den Fell Types, wenn man dem Link folgt, erfährt man mehr zu deren Entstehungsgeschichte. Man kann dort auch alle dreizehn Fonts anschauen und herunterladen.

Diese Reihe von Zeichensätzen ist unter der SIL Open Font License, Version 1.1 veröffentlicht. Und deswegen darf ich sie hier auch anwenden – die meisten Zeichensätze auf den eigene Rechnern dürften nicht unter einer derartigen Lizenz stehen, so dass man sie vermutlich nicht einbinden darf – denn bei jedem Aufruf einer solchen Seite wird ja der gesamte Zeichensatz an einen fremden Rechner übermittelt.

(Und wie findet man so was? Na, über ein Rollenspielblog natürlich.)

— Man beachte auch das lange ſ. Die Regeln für die Verteilung von langem ſ und s stehen bei Wikipedia oder im Duden. Faustregel, die meist gilt: am Anfang und im Inneren eines Worts oder genauer: Wortbestandteils (Morphem) lang, am Ende kurz. Oft sieht man Altertümelndes ohne langes ſ, da schüttelt man dann immer den Kopf über die Zeiten und Sitten heutzutage.

Beim fi habe ich die Ligatur durchgeführt, also die typographische Verbindung der beiden Buchstaben. Das ist nämlich ein Standardzeichen. Auf die verschiedenen Ligaturen beim ſ habe ich verzichet. Die sind zwar im Zeichensatz vorhanden, aber in anderen Zeichensätzen – mit kurzem s – gibt es natürlich keine Entsprechung dafür, so dass manche Blogleser noch mehr Schwierigkeiten hätten, den Text zu lesen. Denn nicht alle Browser unterstützen dieses Einbetten von Fonts, wer also einfach die Schriftart Times sieht, sieht leider gar nicht, worum es geht. Safari (außer: iPad etc.), Firefox, Google Chrome, Opera dürften keine Probleme haben; Internet Explorer unterstützt wohl – wen wundert’s – nur das eigene proprietäre Format. Und zumindest mein Windows-Firefox stellt die Schrift auch nicht besonders gut dar, deshalb habe ich sie auch so groß gemacht. Safari glättet die Schrift schon sehr viel besser.