Fontblog jetzt in Azuro … [Update]
… sowohl die Headlines als auch der Text. Mein Dank geht an Ivo, der sich eben mal kurz neben mich gesetzt hat. Bei der Beurteilung bitte beachten: Wir haben kein Fine-Tuning durchgeführt … sondern schlicht die FF Yoga und die Georgia ersetzt. Das ist natürlich eine Kamikaze-Aktion, weil die Proportionen der Azuro (eine Sans-Serif) gewaltig von der Georgia (eine Serif) abweichen. Die Headlines sind noch zu groß (und noch nicht fett – das klappte eben nicht auf die Schnelle), der Grundtext ist eigentlich auch einen Tick zu groß, der Grauton müsste neu eingestellt werden.
Wer selbst Webseiten baut, weiß was da zu tun wäre und kann diese zur Beurteilung der Leserlichkeit von Azuro ausblenden. Hinter der Abbildung rechts befindet sich ein iPhone-Screenshot 1:1, 640 x 960 Pixel zur Begutachtung des mobilen Renderings, powered by Typekit.
[Update] Heute darf ich mit Stolz verkünden, dass ich für die Mikrotypografie des Fontblogs einen der besten CSSler und WordPress-Experten in diesem Land gewinnen konnte: Gerrit van Aaken (praegnanz.de). Er hat gestern und heute eine Menge gefeilt und geschliffen, so dass diese Site in allen Browsern – zu Hause und unterwegs – besser lesbar ist als je zuvor. Danke dafür.
Was genau hat sich verändert: Gerrit hat drei Schriftgrade festgelegt, die unter allen Betriebssystemen ordentlich aussehen: 21px für Headlines, 15px für Fließtext und 13 Pixel für Meta-Infos. Außerdem hat er die Randabstände überprüft und zurechtgerückt und das Aussehen und Verhalten von Hyperlinks nutzerfreundlicher und hübscher gestaltet, so dass es nicht nur gut aussieht, sondern sich auch etwas besser anfühlt. Schließlich erfolgten noch ein paar Korrekturen am Kontrast, zum Beispiel dunkleres Hintergrundmuster und deutlichere Zebrastreifen in den Kommentaren.
41 Kommentare
Kommentarfunktion ist deaktiviert.
<em>kursiv</em> <strong>fett</strong> <blockquote>Zitat</blockquote>
<a href="http://www…">Link</a> <img src="http://bildadresse.jpg">
Carlos
Äh… ja… vielleicht gewöhnt man sich ja daran…
Sami
Im mobilen Safari sieht Azuro sogar gut aus, aber im „immobilen“ wirkt die irgendwie unordentlich und grob.
Gerrit van Aaken
Grundtext zu groß? Um Gottes Willen! Der Grundtext muss noch deutlich größer werden, um angenehm lesbar zu sein!
(Nicht von der iPhone-Darstellung blenden lassen – da werden zu kleine Schriften automatisch größer skaliert, als sie es eigentlich wären.)
Jens Tenhaeff
Da mein Rechner gerade abgebaut ist (Renovierung) kann ich nur zur Darstellung auf dem iPad was sagen: Im Default viewport (also der Zoomstufe, die die Webseite vorgibt) ist die Schrift deutlich zu klein und wirkt sehr krümelig. Wenn man auf Spaltenbreite zoomt ist die Lesbarkeit schon besser, der Gesamteindruck ist aber immer noch sehr unruhig. Die Schrift hat m.E. zu viel Charakter, um als Brotschrift auf niedrig aufgelösten Bildschirmen zu funktionieren. Schön aber schwierig.
Matthias
Ich sehe da auch eher Potenzial nach oben (größere Schrift), keinesfalls noch kleiner. Zumindest was die Darstellung am Bildschirm anbelangt… Zur Orientierung vielleicht The Brander.
Chrs
Hmm, kann es sein, dass das Hinting noch ausbaufähig ist? Unter Windows wirkt die Schrift sowohl in Firefox als auch im IE stellenweise wie als wenn sie unscharf wäre. Also für die Schrift mit der besten Bildschirmlesbarkeit aller Zeiten halte die Azuro, aller Werbung zum Trotz, nicht.
mrc
Ich möchte mir wirklich nicht anmaßen ein Schriftexperte zu sein, aber auch ich teile die Ansicht, dass die Schrift noch sehr unruhig wirkt. Aber es wie oben erwähnt: es wird ja noch dran gearbeitet, ich bin gespannt. Noch finde ich das Ergebnis nicht überzeugend.
Dave
Kann man die Schrift nicht größer machen?
(Wahnsinn … ich zitiere meine Kunden!)
Ich stimme Gerrit und Matthias zu.
charly
lesbarkeit ist eine sache. und ich verstehe auch, dass ihr die neue azuro klarerweise auch gleich hier einsetzen wollt. ich denke aber, dass die lesbarkeit nur ein aspekt für den einsatz einer schrift ist. gerade hier im fontblog hat die georgia sehr zur hochwertigen anmutung beigetragen. das leistet die azuro leider nicht.
[nix gegen die azuro, ich hab sie mir gleich am ersten tag selbst gekauft, aber hier passt sie IMHO nicht]
pistolero
In firefox wird Azuro nicht geladen
Marie
Ich muss mich meinen Vorrednern anschließen – bin auch nicht begeistert. Mir ist das auch alles zu unruhig und „fuzzelig“, und den Fließtext bitte auf keinen Fall noch kleiner – eher größer! Entweder muss ich nur noch überzeugt werden oder ich sage: Bitte wieder zurück zur alten Version!
Gerrit van Aaken
Technische Frage: Ihr habt die Azuro ja jetzt über Typekit eingebunden, obwohl sie nicht offiziell im Angebot von Typekit ist. Kann ich als Käufer der Web-Variante das ebenso machen? Oder muss ich sogar die Web- und die Desktop-Variante kaufen, um das zu machen? Schließlich werden für Safari ja derzeit noch RAW-Fonts ausgeliefert, da Safari noch kein WOFF kann…
Jürgen Siebert
@Gerrit: Genau so ist es. Die Webfonts der Azuro werden auf Typekit gehostet. Wenn Du sie auf fontshop.com erwirbst, können wir dir binnen weniger Sekunden einen Typekit-Voucher zustellen (mail@fontshop.de), der die 4 Schnitte mit nur einem Klick deinem Typekit-Konto hinzufügt … das ist sogar mir heute Morgen gelungen ;-)
Die Office-Version der Azuro kann nicht auf Websites verwendet werden, weil sie
+ nicht bei Typekit gehostet wird
+ die Fonts technisch für MS Office optimiert wurden und deshalb
+ sehr groß sind (wegen rückwärtskompatiblem Kerning und dgl.)
+ die Lizenz dies nicht gestattet
Ausführliche technische Hintergründe in diesem Beitrag: https://www.fontblog.de/azuro
Gerrit van Aaken
@Jürgen: Es genügt also, wenn ich die Webversion kaufe, um die volle Typekit-Umterstützung zu erhalten, richtig? (Abgesehen davon habe ich die Office-Version bereits gekauft…)
Ben
Die Größe der Schrift und die dezenten Headlines finde ich eigentlich supergut. Ich würde da nicht mehr viel verändern.
Jürgen Siebert
@Gerrit: Ja, das genügt, wenn Du einen dazu passenden (bezahlten) Typekit-Plan hast, also keinen kostenlosen (nur 2 Fonts), falls Du alle 4 Schnitte einsetzen möchtest.
In genau diese Falle bin ich getappt … Danke für den Hinweis.
Gerrit van Aaken
@Jürgen: Blöd, wenn mail@fontshop.de nicht zustellbar ist … Wie mach ich das jetzt mit Typekit?
Jürgen Siebert
Sorry, mein Fehler: info@fontshop.de
Jakob
Ich hab mal eine gegenüberstellung gemacht wie das ganze bei mir am PC aussieht:
http://s7.directupload.net/images/110527/4t3hcsin.jpg
Links der Firefox, ohne Azuro, rechts Chrome, mit Azuro.
Da bin ich ganz froh, dass es im Firefox noch aussieht wie bisher.
Simon Wehr
Erstmal: Toll, dass Ihr hier die Azuro mal einbindet! Ich hatte das neulich mal als Idee geäußert und jetzt sehe ich die Idee umgesetzt, das finde ich super.
Hier auf dem Safari finde ich die Schrift auch noch zu klein. Das Hinting scheint mir auch noch nicht perfekt. Ich fürchte auch, dass die Azuro mehr Platz braucht, um ihre schönen Formen auszuspielen. Zu viel Charakter ist ein treffendes Argument.
Insgesamt bekomme ich aber langsam Lust auf Azuro!
PS: Die Unterstreichungen sind ewig weit weg von der Grundlinie. Ist das genau so gewollt? Ich finde es sieht nach einem Fehler aus.
Jakob
Ergänzung zu meinem vorigen Kommentar: mittlerweile ist die Azuro auch im Firefox zu sehen, und wirkt dort deutlich besser als im eben geposteten Screenshot vom Chrome.
Gerrit van Aaken
@Jakob: Mit komplett deaktivierter Schriftglättung kann man jegliches Webfont-Treiben komplett vergessen. ClearType ist Voraussetzung, bei allen Schriften außer Arial, Verdana, Trebuchet, Times und Georgia
sebastian nagel
Zum Thema „lädt im Firefox nicht“: einmal cache leeren (cmd+R, cmd+shift+R, strg+F5, …) dann lädt sie.
R::bert
Ist es eigentlich möglich über die Programmierung einer Webseite auszulesen, ob Cleartype aktiviert ist oder nicht?
Jürgen Siebert
Danke für die Auseinandersetzung mit Azuro … obwohl sie hier im Blog noch nicht feinjustiert ist. Ich hatte mehr Missbilligung erwartet, weil solche Änderung oft aus purer Gewohnheit abgelehnt werden.
Florian
Na das sieht doch wunderbar aus. Ich finde die Azuro macht soweit einen guten Job! Technisch 1A.
Ob sie meinem „Schriftgeschmack“ trifft muss ich aber noch rausfinden, ich mag es ja gerne eher etwas rauher. Aber das sind ja nur Geschmäckliche Dinge.
Finde ich übrigens gut das ihr das mal so radikal in Angriff nehmt und kurzerhand den kompletten Fontblog umstellt.
Habt ihr noch -webkit-text-size-adjust: 100%; in eure CSS geschrieben? Hilft bei den Schrifgrößen im mobilen Safari.
Florian
Johannes
Das Hinting ist wirklich sehr schlecht. Ich finde es schade, dass sie dennnoch als Screenfont angepriesen wird.
sebastian nagel
@27: welches hinting denn? Unter winXP mit GDI+-Cleartype, würde ich sagen es ist „besseres Webfont-Niveau“ – keine Arial/Verdana/Georgia, aber näher da dran als an „wirklich sehr schlecht“.
Auch unter OSX 10.5 ist es auf diesem Level, und vermutlich dürfte es auch mit DirectWrite nicht schlecht aussehen.
Chrs
@28: Windows Vista, GDI, Cleartype: Sowohl in Firefox 4 als auch im IE 9 (jeweils mit abgeschalteter Hardwarebeschleunigung aka DirectWrite) sieht die Azuro bei mir nicht toll aus, irgendwie unscharf, beispielsweise das kleine „i“.
Ralf Herrmann
Zur Frage, ob man die Aktivierung des Subpixel-Renderings über die Webseite auslesen kann:
Ja, mit JavaScript: http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/
R::bert
Danke Ralf für diese wunderbar präzise Antwort! Du hast was gut bei mir ; )
R::bert
… darüber hinaus wurde der Absender dem Inhalt durch einen Bold-Schnitt übergeordnet, die HTML-Schnipsel aufgeräumt und die Kommentar-Absender mit ins Azuro-Boot geholt. Sehr schön! Die Unterstreichung ist jetzt allerdings ein Müh zu hoch gerutscht.
Der Trend scheint bei Webfonts aber generell zu mindestens 3 pt mehr in der Fließtextgröße zu gehen. Daran muss man sich wirklich erst gewöhnen. Die Generation 55-Plus hingegen wird sich sicher freuen!
Jürgen Siebert
Danke, Volltreffer ;-)
R::bert
Ups!
Oliver Adam
Sieht gut aus, die Unterstreichung finde ich zu dicht: Bei Jürgens Link durchschneidet es das kleine g … Ansonsten schön :-)
thomas junold
ich finde, die azuro etwas arg eng in der metrik, da geht noch bissel mehr luft, die interpunktionen besonders »!, ?« kleben förmlich aneinander. nichts gegen komapkte zeilen für möglichst viele wörter, aber das hier ist zu eng.
auf dem iPhone siehts besser aus. hier finde ich das maß von schriftgröße und zeilenabstand noch nicht perfekt. geht eben doch nicht so »mal eben« eine schrift zu ersetzen. aber die richtung stimmt. :)
Andreas
Das größte Problem damit ist eindeutig der Ohrwurm, der mich bei jedem Besuch dieses Blogs jetzt auf’s Neue überfällt. Die nächste Schrift also bitte einfach so nennen, vielen Dank. :D
Paul S.
Opera, XP, ClearType an. Die Azuro macht hier einen hervorragenden Eindruck. Zudem sieht die Seite aufgeräumter aus.
Ano Nym
a) Ist das denn eigentlich Datenschutztechnisch abgeklärt, dass diese Fremddatei eingebunden wird?: use.typekit.com/shh8qcp.js
Immerhin wird die IP-Adresse des Besuchers an use.typekit.com übermittelt.
b) Im Fließtext sehe ich weiterhin die Georgia. Mittels Webconsole kann ich keine Übertragung einer Schriftartdatei ausmachen.
Ano Nym
Nach einem Blick in http://use.typekit.com/shh8qcp.js muss die worst-practices-Liste wohl erweitert werden. Es scheint sich um eine Browserweiche zu handeln. Muss das denn wiklich heute noch sein?
Stefan
Bei mir auf dem iphone und safari os x sehen alle buchstaben verschieden dick aus. Das kann es ja wohl nicht sein!