Kapitälchen ästhetisch in HTML simulieren
Bei esse est percipi gibt es praktische HTML-Tipps rund um die Kapitälchen. Wir lernen, warum automatische Small Caps zu vermeiden sind und wie man(n) mit einem (Handarbeit-)Trick trotzdem zum Ziel kommt. Schön geschrieben. Danke.
6 Kommentare
Kommentarfunktion ist deaktiviert.
<em>kursiv</em> <strong>fett</strong> <blockquote>Zitat</blockquote>
<a href="http://www…">Link</a> <img src="http://bildadresse.jpg">
nicetype
Mache ich auch immer so, und bei Blogger sind 85% eingestellt für eine Größe kleiner, das geht auch wunderbar :)
Raketentim
Wertvoll!
Ano Nym
Unfug! Entweder akzeptiert man, dass dem Ausgabegerät beim Nutzer überlassen wird, wie die wahren Kapitälchen
auszusehen haben, oder man verzichtet auf die typografische Spielerei.
Davon, dass der Schuss des Ästheten nach hinten losgeht, überzeuge man sich bitte auf folgendem Screenshot:
http://de.tinypic.com/view.php?pic=mcbvaa&s=3
Ano Nym
http://i26.tinypic.com/mcbvaa.jpg
Sebastian Nagel
Die Theorie hatte ich ja mal auch, dass man, dank geringer Auflösung und Hinting, falsche Kapitälchen am Bildschirm aussehen lassen kann wie echte Kapitälchen, da die Strichstärke der meisten Schriften in Lesetext-Größe nur einen Pixel beträgt ein Runterskalieren um sagen wir 15% sich also in der Strichstärke effektiv nicht auswirkt. Mit cachierenden Maßnahmen wir Laufweitenerhöhung sähe das ganz gut aus.
Praxis: Je nach Browser, System und Schriftversion und Darstellungsgröße kommt da alles mögliche zwischen wunderschön bis grausig raus.
Karsten
Ich füg doch kein extra Quelltext ins HTML-Dokument ein, um das Aussehen einzelner Wörter zu bestimmen. Das ist ganz ganz schlechter Stil. In anderen Worten: Geht gar nicht.
So etwas gehört ins CSS-File. Getrennt vom Inhalt.
Wenn ich etwas in einem Text hervorheben will, dann markiere ich das mit dem Strong-Tag. Alles mehr wäre Unfug. „Strong“ bedeutet in der Standardeinstellung der Browser, dass erst einmal der fette Schnitt gewählt wird. Eigentlich aber liegt es in der Hand des WebDesigners.
Man könnte darüber nachdenken, dass man diese Idee per JavaScript umsetzt. Also im Nachhinen den Code innerhalb des Strong-Tags manipuliert. Dann bekommen die meisten Benutzer es korrekt zu sehen, aber der logische Zusammenhang wird nicht auseinander gerissen.