Diese Headline ist gesetzt aus Axel und ihr alle könnt es sehen*

Gerade eben auf Radio Eins, in der Sendung Escape: Interview mit Ivo Gabrowitsch (Fontwerk) über Webfonts. Großartig, dass Schrift und Typografie radio­fähig werden. Das hat mich gleich daran erin­nert, dass mein Kollege Jochen Evertz gestern Abend hier für das Fontblog die @font-face Regel einge­baut hat (in das Theme, entworfen von Ivo): alle Headlines in Axel Bold. Das sieht jetzt nicht unbe­dingt schön aus, denn Axel wurde für Tabellen entwi­ckelt, aber 1) darf man das mit der Axel (libe­ralste und verständ­lichste Lizenzbedingungen welt­weit für eine Kaufschrift) und 2) will ich meine ersten Webfonts-Erfahrungen sammeln. Der erste wollte ich jedoch nicht sein. Wer von den über 1000 Axel-Kunden setzt die Schrift eben­falls im Web ein?

Axel gibt es nur bei FontShop, ab 29 € der Einzelschnitt (Familie 79 €). Spielt im folgenden Fenster mit den 4 Axel-Schnitten, testet die Schrift in allen Größen …


__________________
mit Safari und Firefox 3.5


33 Kommentare

  1. saberrider

    Habe auf jeden Fall vor die Axel auch für mein Online-Portfolio zu verwenden, wenn ich denn mal dazu komme, die Site zu gestalten. ;)

  2. toby

    Habe auf meiner Seite mal test­weise ein Axel Stylesheet einge­bunden und so schlecht find ich’s gar nicht. Für die die sich’s anschauen wollen, UserAgent auf Opera umstellen und schon kommt der Axel :) Muss noch ein biss­chen testen, viel­leicht lass ich sogar den Axel.

  3. Daniel

    was mich dann doch sehr stört, sind die teils sehr unsau­beren Buchstabenabstände. Grundsätzlich sind aber Webfonts natür­lich für jeden typo­gra­fisch anspruchs­vol­leren eine schöne »neue« Option, und man kann nur hoffen, daß dieser Anlauf erfolg­rei­cher ist, als frühere.
    Eine schöne Übersicht über »Webfonts« – im Bezug auf die Lizenzbedingungen – gibt es übri­gens von Ralf Herrmann: http://​www​.webfonts​.info – für alle die es noch nicht kennen.

  4. sharif

    Ich find die Axel Bold zu fett für die Headlines. Das „a“ hat hinten zu wenig Fleisch.
    Seltsam: Wenn ich die Schrift selbst eingebe sieht sie nicht so fett aus und das „a“ klemmt auch nicht so.

  5. Daniel

    Kein Wunder, daß die Zurichtung so unsauber wirkt: letter-spacing: -0.2px; määh? Wer macht denn sowas?

  6. Heiner

    Wenn ich das richtig sehe, dann sehe ich den Axel auch hier im Google Chrome.

  7. timeout

    Schwarz wirkt bei dem Bold Schnitt auf weißem Grund etwas zu fett und kontrast­reich, aber mit 75% Schwarz müsste es gut aussehen.

  8. NormalZeit

    Bin gerade dabei einen Teil meiner expe­ri­men­tellen Website auf die Axel umzu­stellen. Am meisten kämpfe ich das rrdtool dazu zu über­reden bei der Erzeugung der Graphen als Font die Axel zu verwenden.
    Speziell hier ist der Platz immer knapp, und da kommt so eine schöne und gut lesbare Schmale wie gerufen.

  9. robertmichael

    ich schließe mich sharif an. kürz­lich als für einen kurzen moment der regular schnitt der axel für die über­schriften verwendet wurde, sah es eindeutig besser aus. dafür könnte mann ggf. einen punkt größer gehen. die bold als über­schrift ließt sich nicht so schön.

    wieso sind die links hier im blog jetzt eigent­lich doppelt unter­stri­chen. das stört etwas.

  10. Hans

    Im Opera 10 beta wird mir die Schrift in der Standardvariante (nicht fett) ange­zeigt. Ausserdem hat mein System (Debian Linux) anschei­nend ein Problem mit dem ‚r‘ in der Schriftart, sowohl im Opera wie in Gimp ist der senk­rechte Strich des ‚r‘ doppelt dick. Sieht echt schlecht aus.

    Könnte auch andere Linux-Systeme betreffen. Liegts am System oder am Font?

  11. Michael Müller-Hillebrand

    Gerade für Navigations-Links mit langen Titels ist ein schmal­lau­fender Font super geeignet. Ich habe dem auch einen eigenen Beitrag gewidmet, obwohl das wirk­lich nicht im Fokus meiner Arbeit liegt: Der Zauber schmal­lau­fender Schriften.

  12. robertmichal

    wieso sehe ich die schrift, verwende ich den IE 8, in dem blog von herrn müller-hille­brand, jdedoch nicht hier im fontblog?

  13. Daniel

    glück­li­cher­weise wurde im Blog von Herrn Hillebrand auch nicht mit einem unge­eig­neten, weil die Zurichtung verhun­zenden »letter-spacing« mit 5tel-Pixeln – die es nun mal nicht geben kann, daher durch die Rundung wirre Abstände – gear­beitet, daher sieht die Axel dort auch sauberer aus.
    @robertmichal: dem IE wird bei cap-Studio dessen eigenes Format zur Fonteinbettung vorge­setzt (EOT).

  14. Jürgen

    Die Botschaft ist ange­kommen, Daniel, kannst Dich wieder beru­higen. Oder Du regst Dich jetzt hier­rüber auf: Ich komme nicht an die style.css, weil ich keine Bearbeitungrechte habe. Hat’s Zeit bis Montag?

  15. Flo

    mich inter­es­siert fast noch viel­mehr wie die schrift hier im blog einge­bettet wurde. gibt es dafür ein einfa­ches und funk­tio­nie­rends plugin was mir die sIFR geschichte etwas erleichtert?

  16. Helen

    Die Axel sieht aber wie alle @fonts in FF ziem­lich ausge­franst aus. Safari rednert sie schöner. Erstaunlicherweise sind die Webfonts alle auf gut gelaunte Weise condensed. Eine schlichte Sans ist mir noch nicht begegnet.

  17. Jürgen

    @Flo: google mal nach den Begriffen @font-face und css

  18. Mark

    Also bei mir in Opera 9.64 is nix mit Axel – und schon jar nüscht bold ;-) im FF is dann tatsäch­lich Axel ange­sagt, aber von dem Dicken Schnitt ist eben­falls nix zu sehen. Also: Alles Schnickschnack; es zeigt sich mal wieder: Erst an die Inhalte denken, dann an die Form: form follows func­tion. Punkt.

  19. Sebastian Nagel

    Mark (#19): aber die Inhalte sind doch da?
    Und da Webfonts in dieser Form was neues sind, ist doch auch klar dass es noch nicht überall reibungslos funk­tio­niert. Solange alle, egal mit welchem Browser, an den Inhalt rankommen – was der Fall ist – ist es doch gut so.

  20. Hannes Heckel

    Kunde von mir: rh11 Unternehmensberatung, Hausschrift: Axel, auch im Web (Cufon).
    Schaut halt einfach viel besser aus, gell…

  21. Bert Vanderveen

    Strange… Using Safari 4 and Axel is displayed in the Top SItes view (after a certain period), but NOT in the full page view.

  22. Jürgen

    @Hannes Heckel: Schade, dass rh11 die Axel nicht auch als Brotschrift einsetzt.

  23. Hannes Heckel

    @ Jürgen: Leider rendern nicht alle Browser die Schrift so schön wie Safari, vor allem unter Win – deswegen hab ich mich entschieden, auf eine Systemschrift (Arial Narrow) auszuweichen.

  24. Sebastian Nagel

    Wird die Axel unter Firefox 3.5 OSX auf Anhieb angezeigt?

    An meinem Windows-Rechner mit 3.5 funk­tio­niert es.
    Hier im Büro mit FF 3.5 (grade das Upate gemacht) unter OSX 10.5 sehe ich noch die Fallback-Schrift. Caches leeren und Browser bewusst neu starten hat bisher nichts gebracht.

  25. Gerrit van Aaken

    In Safari muss man mal den cache löschen oder ein paar Mal die Seite aktua­li­sieren, bevor der Effekt sichtbar wird. Da hat jemand die CSS-Datei verän­dert, ohne dem Server ein neues „changed“ Stamp mitzuteilen.

  26. marcus scheller

    mobile safari will nich. aber das wäre ja auch zu viel des guten, nech? :)

  27. Sam

    Ich seh‘ es nicht … #iPhone

  28. Sharif

    Bleibt die Headline jetzt so „engfett�?? War da nicht Besserung gelobt?

  29. Wolfgang

    Kann man bitte den Unterstreichungsirrsinn verein­heit­li­chen? (Einmal, einein­halbmal, doppelt)
    Danke!

  30. robertmichael

    ich mag die unter­strei­chungen auch nicht, das stört den lese­fluss. vorher war besser. und die fette axel in den über­schriften sieht auch nicht toll aus. :/ die i-punkte sind fetter als die pünkt­chen beim ö. vom kerning ganz zu schweigen. im übrigen sehe ich gerade das der type­tester der hier einge­bunden ist kein öäü kann.

  31. Sharif

    @robert michael:
    Zum Glück sind die ö-Pünktchen kleiner als der i-Punkt. Das ist in der Regel bei jeder Schrift so (Ausnahmen bestä­tigen …). Zwei i-Punkte neben­ein­ander über einem o würden bei klei­neren Schriftgraden optisch nicht mehr zu trennen sein.

  32. robertmichael

    viiiel besser :) danke!

Kommentarfunktion ist deaktiviert.

<em>kursiv</em>   <strong>fett</strong>   <blockquote>Zitat</blockquote>
<a href="http://www…">Link</a>   <img src="http://bildadresse.jpg">