sIFR3: Dynamische Schriftersetzung auf Webseiten mit Flash

sIFR3 ist eine Bibliothek aus JavaScripts, mit deren Hilfe auf Webseiten Text in beliebigen Tags oder CSS-Containern durch Flashfilme ersetzt werden kann. Dadurch ist eine typografisch einwandfreie Darstellung von beliebigen Schriften möglich. Im Gegensatz zu anderen Schriftersetzungstechniken ist sIFR3 suchmaschinenfreundlich, auch in CMS-Systemen einfach zu implementieren, flexibel und sogar halbwegs barrierefrei. Die Technik hat allerdings auch einige Nachteile; eine genauere Diskussion finden Sie in diesem Artikel, ein Beispiel hier.
--> Seite besuchen

Typografie im Internet

Eine schön gestaltete Einführung in Typografie von Matthias Kammerer mit Schwerpunkt auf der Anwendung im Internet. Themen sind Schriftauszeichnungen, Anführungszeichen und typische Fehler bei der Anwendung.
--> Seite besuchen

Typografie auf Webseiten

Michael Jendryscheck fasst ein seinem Artikel eine Vielzahl von Imformationen zum Thema Typografie im Web zusammen: korrekte Umsetzung von Leerzeichen, Abständen, Strichen, Anführungszeichen, Apostroph, Zahlen und Währungszeichen, mathematische Symbole und Formeln.
--> Seite besuchen

csstypeset - die richtige Formatierung finden

Ähnlich wie mit dem Typetester von maratz.com können Sie mit csstypeset einen eigenen Text nach Belieben formatieren und anschließend das CSS auskopieren. Beide Tools unterscheiden sich weniger vom Funktionsumfang als hinsichtlich der Bedienung: csstypeset setzt auf elegante Gleitregler, man kann aber im Gegensatz zum Typetester immer nur einen Textblock formatieren. Einfach testen ... [via drweb.de]
--> Seite besuchen

HTML Entity Character Lookup

Hier können Sie für Sonderzeichen sehr bequem die passenden Entities suchen: in das Suchfeld einfach das gewünschte Zeichen eingeben und sofort erscheinen (via AJAX) die passenden Entities. Sehr praktisch. Für Mac-Anwender bietet leftlogic auch ein Dashboard Widget zum Download. (via pixelgraphix - dort sind in den Kommentaren noch weitere Tools für Mac-Anwender zu finden. )
--> Seite besuchen

Das Problem mit dem Zeilenumbruch im HTML

Tom Stich beschreibt in diesem Artikel verschiedene Lösungen, um ungewollte Zeilenumbrüche zum Beispiel zwischen Abkürzungen wie »z. B.« oder bei Maßangaben wie »10°« zu vermeiden. Auch auf das Gegenteil geht er ausführlich ein: wie kann man erreichen, dass Donau-Dampf-Schifffahrts-Kapitänsmütze in allen Browsern korrekt getrennt wird.
--> Seite besuchen

Online Generatoren zu buchstäblich allem.

Sven Lennartz hat für das Dr. Web Weblog eine unglaublich umfangreiche Liste von Online-Generatoren zusammengestellt: zu CSS, Farben, Email, Favicon, Formularen, php, robots.txt, Popups, RSS und noch viele Themen mehr.
--> Seite besuchen

XHTML Character Entity Reference

Eine Referenz von Jim Rutherford mit den wichtigsten XHTML-Entities (Sonderzeichen). Jeweils mit einer Darstellung des Zeichen und dem entsprechenden Entity.
--> Seite besuchen

praegnanz.de

Gerrit bietet in seinem Weblog regelmäßig neue Schriften und interessante Essays rund um Webtypografie. Zum Beispiel »HTML-Schriften unter der Lupe«. Tipp: auch die Kommentare lesen – sie bringen oft das Salz in die Suppe.
--> Seite besuchen

Schriftgrößenvergleiche auf Windows, Mac und Linux

Grasseger vergleicht die Standard-Schriftgrößen, formatiert mit em, px und % in Dutzenden von Browsern. Da Screenshots mit eingebauten Linealen präsentiert werden, lassen sich Schriftgrößen verschiedener Browser und Plattformen direkt vergleichen.
--> Seite besuchen

TypoWiki

Begriffe aus der Typografie, in einem kleinen Wiki gesammelt. Ein Glossar der wichtigsten Begriffe ist ebenfalls vorhanden.
--> Seite besuchen

Typographie für Webautoren

Christoph Päper beschreibt in einem umfassenden Artikel, wie typografische Feinheiten im Internet umgesetzt werden können: Anführungszeichen, Apostrophe, Striche, Formatierung von Zahlen und so weiter. Hinweis für Safari-Anwender: Päper verwendet für » und « eine Technik, die nicht kompatibel ist zu Safari. In Firefox stimmt die Anzeige.
--> Seite besuchen

Silkscreen type family

Silkscreen von kottke.org ist eine Schriftfamilie mit vier Schnitten, Truetype für Mac, Windows und Linux. Sie hat einen speziellen Computer-Look und ist in extrem kleinen Schriftgraden noch lesbar. Sie wird eingesetzt, wenn eine sehr kleine Schrift in Bildern verwendet werden muss.
--> Seite besuchen

Testseite zur Zeilenbreite

Eine Testseite zum Testen des Zusammenhangs zwischen Schriftgrößen und Zeilenbreiten in verschiedenen Maßsystemen (Pixel und ems).
--> Seite besuchen

korhoen typeviewer

Eine Testseite zum Testen von Schriftformatierungen und Zeilenbreiten.
--> Seite besuchen

Typetester: Typografie von Webschriften testen

Das Webtool von Marko Dugonjić bietet eine Fülle von Vergleichsmöglichkeiten für Webschriften. Einfach die gewünschten Formatierungen (Schriftart, Größe, Stil etc.) einstellen, abschicken und schon kann man seine Einstellungen in vielen Varianten vergleichen. Vorher am besten diese Beschreibung zur verwendeten Base-Font-Size lesen (Englisch), sonst wird das Verhalten der Schriftgrößen nicht ganz klar.
--> Seite besuchen