//Notizblog
CSS
Webfonts unter der Lupe
Ich habe vor kurzem einen interessanten Gastartikel im Designtagebuch gelesen, wo die Lesegeschwindigkeit häufig verwendeter Schriftarten am Bildschirm, in einem Experiment mit 3000 Teilnehmern dokumentiert wurde.
Noch interessanter als die Erkenntnisse zur nur marginal unterschiedlichen Lesegeschwindigkeit, waren Aussagen der Teilnehmer darüber, zu welchen Themenfeldern und Wirkungen welche Fonts am Besten passen.
Trotz der eigentlich zu geringen Unterschiede möchte ich die “Speedfonts” in den am schnellsten erfassbaren Größen hier mal festhalten: Arial & Verdana (13px), Candara (15px), Trebuchet (15px), Cambria (16px).
Ich weiß nicht, ob man daraus ableiten sollte, dass Serifenschriften eher etwas größer gewählt werden sollten. Zumindest entspricht das der mehrheitlichen Verwendung und der groben Rasterung in Pixel am Monitor. (weiterlesen…)
Speed mit Sprites
Auf CSS Sprites hat mich ein Blogeintrag bei praegnanz.de gebracht. Die Technik passt ganz gut zu meinen Überlegungen, wie man Websites beschleunigen kann.
CSS Sprites sollen helfen die Anzahl der http-Requests zu reduzieren und beschleunigen vor allem bei Websites mit einer großen Anzahl von Grafiken die Ladezeit. Das Prinzip ist einfach: Man macht aus vielen kleinen Grafiken eine große und definiert per CSS, welcher Bereich angezeigt werden soll.
Ein Beispiel sind z.B. die Icons von Yahoo. Auch die neue Seite der Bahn setzt sie ein.
Ein Video-Tutorial hierfür gibt’s bei CSS-Tricks.com
(cc) picture credit: G. Rivas Valderrama
RSS-Feed