Image-Replacement-Technik: Teil 1
Geschrieben von MK   
07.08.2005

Immer dann, wenn zur Gestaltung von Webseiten Schriftarten eingesetzt werden sollen, bei denen nicht sicher ist, ob diese auf dem Rechner des Betrachters verfügbar sind, ist die Image-Replacement-Technik eine Alternative zum herkömmlichen <h1><img xsrc="titel.gif"  alt="Titel" /></h1>.
Mit Hilfe von CSS kann dies benutzer (Barrierefreiheit)- und suchmaschinenfreundlich umgesetzt werden

(Dwyer-Methode):
<html>
<head>
<title>Titel</title>
<style type="text/css">
<!--
h1 { background: url(titel.gif); height: 50px; width: 250px; }
h1 span { display: block; height: 0; overflow: hidden; width: 0; }
-->
</style>
</head>
<body>
<h1><span>Muster</span></h1>
</body>
</html>

Diese Technik sollte mit allen gängigen Browsern umsetzbar sein.

Anregung von evolt.org + meiert.com
Letzte Aktualisierung ( 31.03.2006 )