kulturbanause blog » Typography

Kerning und Ligaturen im Browser

Jonas Hellwig — Wed, 14 Jul 2010 18:45:27 +0000

Webdesigner wurden – im Gegensatz zu den Kollegen aus dem Print – lange Zeit bei der Wahl einer individuellen Schriftart massiv eingeschränkt. Diese grauen Tage sind zwar noch nicht ganz vorbei, in letzter Zeit wurden jedoch einige Techniken entwickelt oder zumindest neu entdeckt die uns bei der Arbeit mit Schriften unterstützen. Nach Flash- und JavaScript-Replacements wie Cufon oder SiFR hat sich die CSS-Eigenschaft @font-face in den Mittelpunkt gerückt, über die ich ja bereits einige Male berichtet habe. Nun habe ich erfahren, dass Browser der jüngsten Generation neben Webfonts auch Ligaturen und Kerning beherrschen.

(weiterlesen…)

Unterstütze mich! Bisher 2 Kommentare. Schreibe auch einen! | Retweete diesen Artikel auf Twitter | Speichere diesen Artikel bei del.icio.us | Empfehle diesen Artikel deinen Freunden auf Facebook.

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 14.07.2010 in der Kategorie Typography veröffentlicht. Es wurden folgende Tags vergeben: Chrome, Firefox, Safari
© Jonas Hellwig, kulturbanause blog, 2010.

@font-face Bibliothek “Kernest”

Jonas Hellwig — Fri, 11 Jun 2010 08:58:07 +0000

Vor kurzem habe ich über die neue Google Font Directory berichtet die mittels CSS-Eigenschaft @font-face den Einsatz von Schriften im Web um einiges erleichtert. Abgelegt werden die Fonts auf dem Google-Server und eingebunden über eine Mini-API.
Nun ist es leider so, dass bei Google bisher nur wenige Schriften zur Verfügung stehen was die praktische Idee (aktuell) noch wenig praktikabel macht. Hier kommt “Kernest” ins Spiel.

(weiterlesen…)

Unterstütze mich! Bisher 3 Kommentare. Schreibe auch einen! | Retweete diesen Artikel auf Twitter | Speichere diesen Artikel bei del.icio.us | Empfehle diesen Artikel deinen Freunden auf Facebook.

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 11.06.2010 in der Kategorie Tips 'n' Tricks, Typography, Webdesign veröffentlicht. Es wurden folgende Tags vergeben: API, CSS, Fonts, Google
© Jonas Hellwig, kulturbanause blog, 2010.

Web-Fonts mit Google Font Directory API

Jonas Hellwig — Thu, 20 May 2010 16:03:54 +0000

Google hat einen neuen Online-Dienst namens Font-Directory Beta gestartet. Dieser Service ermöglicht es Webdesignern individuelle Schriftarten in Websites zu verwenden auch wenn diese nicht zu den wenigen systemübergreifenden Schriftarten gehören.
Schriften stellen im Internet leider nach wie vor ein echtes Problem in der Gestaltung dar. Der Grund liegt darin, dass eine Schriftart nur dann korrekt angezeigt wird sofern der Besucher den Font auch installiert hat. Ist dies nicht der Fall so wird eine alternative Schriftart geladen was zwangsläufig zu Fehldarstellungen führt.
Zwar bieten JavaScript- und Flash-basierte Lösungen wie Cufón oder sIFR eine passable Alternative aber Googles neue API verspricht über kurz oder lang ein echter Hit zu werden.
Ich habe das neue Tool einmal ausprobiert.

(weiterlesen…)

Unterstütze mich! Bisher 5 Kommentare. Schreibe auch einen! | Retweete diesen Artikel auf Twitter | Speichere diesen Artikel bei del.icio.us | Empfehle diesen Artikel deinen Freunden auf Facebook.

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 20.05.2010 in der Kategorie Tips 'n' Tricks, Typography, Webdesign veröffentlicht. Es wurden folgende Tags vergeben: API, Fonts, Google
© Jonas Hellwig, kulturbanause blog, 2010.

3D-Typo mit Photoshop CS5 Repoussé

Jonas Hellwig — Fri, 30 Apr 2010 14:15:02 +0000

Eine der neuen Funktionen von Photoshop CS5 Extended ist das 3D-Feature Repoussé. Mit Repoussé lassen sich aus Pfad- oder Textebenen 3D-Objekte erstellen; ganz ähnlich der aus Illustrator bereits bekannten Funktion “Extrudieren (Extrude & Bevel)”. In diesem Screencast möchte ich Euch die neue Funktion am Beispiel einer Textebene einmal vorstellen.

(weiterlesen…)

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 30.04.2010 in der Kategorie Applications, Design, Screencasts, Tutorials, Typography, Webdesign veröffentlicht. Es wurden folgende Tags vergeben: 3D, Adobe, Photoshop
© Jonas Hellwig, kulturbanause blog, 2010.

Die Anatomie der Buchstaben

Jonas Hellwig — Fri, 08 Jan 2010 07:55:22 +0000

Achim vom Design Tagebuch hat ein Poster (PDF-Download/Vektor) zur Anatomie der Buchstaben veröffentlicht. Ich finde das Ganze wirklich sehr sehr gelungen und möchte daher an dieser Stelle auf den Download hinweisen.
Ich selbst werde es auf jeden Fall drucken lassen und es an einer gut sichtbaren Stelle in meiner Bude aufhängen um dem ein oder anderen Besucher im Vorbeigehen ein wenig Typo-Bildung mit auf den Weg zu geben …

Link: Anatomie der Buchstaben

Unterstütze mich! Bisher 4 Kommentare. Schreibe auch einen! | Retweete diesen Artikel auf Twitter | Speichere diesen Artikel bei del.icio.us | Empfehle diesen Artikel deinen Freunden auf Facebook.

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 08.01.2010 in der Kategorie Life-Design, Typography veröffentlicht. Es wurden folgende Tags vergeben: PDF, Poster
© Jonas Hellwig, kulturbanause blog, 2010.

Snow Leopard + Safari: Schriftglättung mit CSS manipulieren

Jonas Hellwig — Thu, 03 Dec 2009 21:22:40 +0000

Die Schriftglättung unter OS X Snow Leopard ist je nach Schriftfarbe und Hintergrundgestaltung im Safari ein wenig zu stark geraten – mitunter wirkt die Schrift einfach zu fett.
Dieses Problem kann mit einem simplen CSS-Snippet das auf den body oder einen beliebigen anderen Selektor angewendet wird behoben werden. Möglich wird dies durch Safaris WebKit-Engine.

(weiterlesen…)

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 03.12.2009 in der Kategorie Browser, Coding, Typography, Webdesign veröffentlicht. Es wurden folgende Tags vergeben: Apple, CSS, Fonts, Mac, Mac OS, Safari
© Jonas Hellwig, kulturbanause blog, 2009.

20 Basic Tipps zu Web-Typografie

Jonas Hellwig — Wed, 18 Nov 2009 19:00:09 +0000

Web- und Print-Typografie unterscheidet sich (zwangläufig) deutlich von einander. Damit Ihr wisst wie Ihr sicher die gröbsten Fehler im Bezug auf Web-Typografie vermeidet möchte ich Euch diesen Artikel von WDL nicht vorenthalten.

Link: 20 Do’s and Don’ts of Effective Web Typography

Unterstütze mich! Schreibe den ersten Kommentar! | Retweete diesen Artikel auf Twitter | Speichere diesen Artikel bei del.icio.us | Empfehle diesen Artikel deinen Freunden auf Facebook.

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 18.11.2009 in der Kategorie Typography, Webdesign veröffentlicht. Es wurden folgende Tags vergeben: Fonts, Usability
© Jonas Hellwig, kulturbanause blog, 2009.

20 Webdesign-Basics

Jonas Hellwig — Mon, 26 Oct 2009 19:25:17 +0000

Was zeichnet gutes Webdesign aus? Was sollte man besser vermeiden? In folgendem Artikel stellt WDL 20 Basics zu diesem Thema vor die man tunlichst beachten sollte wenn die Website für die User komfortabel bleiben soll. Sollte zwar jeder wissen – es schadet aber sicher nicht es sich ab und an in Erinnerung zu rufen.

Achtung: Die hier vorgestellten Regeln gelten nicht immer und in erster Linie für kommerzielle Seiten. Portfolios z.B. dürfen diese Regeln brechen, da die Zielgruppe stark abweicht. So sehe ich das zumindest.

Link: 20 Do’s and Don’ts of Effective Web Design

Unterstütze mich! Schreibe den ersten Kommentar! | Retweete diesen Artikel auf Twitter | Speichere diesen Artikel bei del.icio.us | Empfehle diesen Artikel deinen Freunden auf Facebook.

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 26.10.2009 in der Kategorie Tips 'n' Tricks, Typography, Webdesign veröffentlicht. Es wurden folgende Tags vergeben: Colors, Grid, Navigation
© Jonas Hellwig, kulturbanause blog, 2009.

Tutorial: Organic Webdesign Typografie

Jonas Hellwig — Fri, 25 Sep 2009 18:37:16 +0000

In folgendem Tutorial zeige ich Euch wie man aus einer gewöhnlichen Schrift ein organisches, individuelles Artwork erstellt. Meine persönliche Vorliebe für organische Designs dürfte bekannt sein, ein Grund mehr für mich diese häufig vernachlässigte Design-Richtung in Erinnerung zu rufen. In Zeiten in denen es “in” ist mit Bio und Umweltfreundlichkeit zu werben kann das folgende Tutorial helfen einem Print- oder Screendesign den letzten Kick in die richtige Richtung zu geben.

(weiterlesen…)

Unterstütze mich! Bisher 8 Kommentare. Schreibe auch einen! | Retweete diesen Artikel auf Twitter | Speichere diesen Artikel bei del.icio.us | Empfehle diesen Artikel deinen Freunden auf Facebook.

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 25.09.2009 in der Kategorie Tutorials, Typography, Web Trends veröffentlicht. Es wurden folgende Tags vergeben: Adobe, Photoshop
© Jonas Hellwig, kulturbanause blog, 2009.

Demo-Bericht: Protypo in Düsseldorf

Jonas Hellwig — Sat, 04 Jul 2009 19:41:13 +0000

Wie angekündigt fand heute in Düsseldorf die Protypo-Demonstration statt. Ich war natürlich dabei und schildere Euch einfach mal wie die Aktion so abgelaufen ist.
Für diejenigen unter Euch die von der Demo bisher noch nichts mitbekommen haben: Die Protypo ist eine Aktion im Rahmen der Lehrveranstaltung der FH Düsseldorf und ist als Projekt zum Thema “Botschaften über Typografie” zu betrachten. Ich finde die Aktion spitze und habe mich daher gerne beteiligt.

(weiterlesen…)

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 04.07.2009 in der Kategorie Advertising, Life-Design, Scene-News, Typography veröffentlicht. Es wurden folgende Tags vergeben: Demonstration, Poster
© Jonas Hellwig, kulturbanause blog, 2009.

Hurenkinder haben immer das letzte Wort – Protypo

Jonas Hellwig — Thu, 02 Jul 2009 10:11:58 +0000

Am Samstag den 4.7.2009 findet in Düsseldorf die Protypo-Demo statt.
Die von Studenten der Düsseldorfer FH organisierte Demonstration für bessere typografische Verhältnisse in Deutschland startet um 12:30 Uhr am Graf-Adolf-Platz (bei mir um die Ecke), führt dann über die Königsallee durch die Altstadt bis zum Burgplatz am Rhein. Veranstaltungsende ist für 14:00 Uhr an den Rheintreppen angekündigt.

Die Idee finde ich einfach nur großartig, darüber hinaus kenne ich einige Organisatoren – wenn auch nur flüchtig – persönlich. Ich hoffe sehr auf eine rege Teilnahme und viele nette Leute!
Wer sich umfangreich über das Projekt und die Demo informieren will kann dies auf der entsprechenden Website tun. Ich sage nur noch: “fight for your right – neue helvetica light!”

Offizielle Website: Protypo

Unterstütze mich! Schreibe den ersten Kommentar! | Retweete diesen Artikel auf Twitter | Speichere diesen Artikel bei del.icio.us | Empfehle diesen Artikel deinen Freunden auf Facebook.

Mein Buch: Photoshop CS4 für Webdesigner

Du hast Lust einen Gastbeitrag auf meinem Blog zu veröffentlichen? Dann freue ich mich auf deine E-Mail.

Dieser Beitrag wurde am 02.07.2009 in der Kategorie Advertising, Life-Design, Scene-News, Typography veröffentlicht. Es wurden folgende Tags vergeben: Demonstration, Poster
© Jonas Hellwig, kulturbanause blog, 2009.