English 
Deutsch Es gibt eine ganze Reihe von CSS-Eigenschaften, um Schriften und Texte in CSS zu stylen und so die Lesbarkeit von Webtexten zu optimieren. Viele Eigenschaften nutzt man täglich, andere werden weniger häufig verwendet. Um eine praktische Übersicht zu schaffen, habe ich die wichtigsten CSS-Eigenschaften und Tipps für das Stylen von Schrift und Text zusammen gefasst. Weiterlesen
Artikel mit dem Schlagwort ‘Fonts’
Skalierbare, Retina-Display ready Icon Fonts für responsive Webdesigns
Icon Fonts sind eine spannende Alternative zur Verwendung von Bildern, um skalierbare, 100% scharfe Icons in einem responsive Webdesign umzusetzen. Das Icon Font Set “Font Awesome” bietet eine große Auswahl an Icons, ist leicht zu nutzen und kann frei für private und kommerzielle Projekte eingesetzt werden. Ich habe die Einbindung von “Font Awesome” vor ein paar Tagen getestet und meine Erfahrungen hier im Artikel zusammengefasst. Weiterlesen
Lange Texte mit typografischen Tricks auflockern
Um lange Webseiten-Texte und Blog-Artikel aufzulockern und somit angenehmer lesbar zu machen, kannst du verschiedene typografische Elemente nutzen. Durch die Gliederung des Textes in kleinere Text-Abschnitte, die Unterteilung in Listen oder die Integration von Zitaten werden deine Texte leichter zugänglich und angenehmer lesbar. Weiterlesen
Die Google Web Fonts: Beliebte Schriften und praktische Tipps
Die Entwicklung der kostenlosen Web Fonts von Google geht schnell voran, und im Dezember sind noch einmal über 20 neue Schriften ins Font-Directory aufgenommen worden. Darunter einige sehr hochwertige Free-Fonts, z.B. die Ubuntu-Schriftfamilie. Und neben den neuen Schriften sind seit unserem letzten Artikel “Die kostenlosen Web Fonts der Google Font API nutzen” auch noch einige neue Funktionen zum Sortieren der Schriften im Directory dazu gekommen. Zeit also für ein Update zu den praktischen Google Fonts.
Weiterlesen
Inspirationen und Tipps für die Gestaltung typografischer Logos
Weniger ist oftmals mehr. Dieses simple Motto lässt sich auch auf die Gestaltung von Webseiten-Logos übertragen. So kann man z.B. auf Formen, Symbole oder Maskottchen verzichten, und ein Logo auch nur mit Schrift umsetzen. Um zu zeigen, dass typografische Logos auf keinen Fall langweilig sein müssen, sondern oftmals sehr modern aussehen, habe ich kreative Beispiele und jede Menge Tipps für die Gestaltung typografischer Logos zusammen gestellt.
Weiterlesen
Die kostenlosen Webfonts der Google Font API nutzen
Wenn du auch immer auf der Suche nach schönen Schriften bist, die du für deine Webdesigns verwenden kannst, hast du bestimmt schon von den Open-Source Webfonts von Google gehört. Über die Google Font API kannst du derzeit bereits fast 30 Schriften für deine Webseiten nutzen. Toll ist, dass du die Schriften nicht mehr kompliziert einbinden oder umwandeln musst, sondern sie werden direkt von Google aufgerufen. Wie das funktioniert, und worauf du bei der Verwendung der Google Webfonts achten solltest, habe ich hier kurz zusammen gefasst.
Weiterlesen
So findest du die passende Schrift für dein Logo
Klassisch, minimalistisch, asiatisch oder Art Deco? Meist steht bei einem Logo-Design schnell fest, welcher Stil am besten zur Identität eines Businesses passt. Ein bisschen schwieriger wird es oft, die passende Schrift für ein Logo zu finden. Ein hilfreicher Trick dabei ist sich vorhandene Logos anzuschauen, und die dort verwendeten Schriften und deren Wirkung zu analysieren. So bekommst du sehr schnell ein Gefühl dafür, welche Schrift für welchen Stil geeignet ist. Ich habe 6 verschiedene Logo-Stile analysiert und jeweils passende Free-Fonts zusammen gestellt.
Weiterlesen
Die besten Webseiten und Blogs für Typografie-Liebhaber
Als Webdesigner setzt man sich täglich mit Typografie und Schrift auseinander. Daher bieten die beliebten Blogs und Webseiten zum Thema Typografie eine tolle Möglichkeit, sich beim Umgang mit Schrift inspirieren zu lassen. Ich habe eine Auswahl meiner »Top-12« Typografie-Webseiten zusammen gestellt.
Weiterlesen