Quantcast
Channel: Typografie – Elmastudio
Browsing all 19 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Die Verwendung von Web Fonts über die Schriften-Bibliothek Typekit kurz erklärt

Wenn du ein Typografie-Fan bist, wünscht du dir bestimmt auch oft ein wenig mehr Möglichkeiten bei der Auswahl von Schriften für deine Webdesigns. Die Online Font-Library Typekit bietet eine praktische...

View Article



Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

Webtypografie-Tipp: Pull Quotes umsetzen

Ein Pull Quote (auch Seitenansprache genannt) ist ein praktisches typografisches Mittel, um den Inhalt eines Textes hervorzuheben und den Leser so auf den Text neugierig zu machen. Im Gegensatz zum...

View Article

Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

Große Typografie als neuer Trend im Webdesign

Lange Zeit galten kleine Schriften im Webdesign als besonders schick und elegant. Lesbarkeit und Usability mussten da einfach hinten anstehen. Doch mit der Weiterentwicklung von responsive Webdesign...

View Article


Image may be NSFW.
Clik here to view.

Link-Tipp: Typekit Webfont Inspirationen

Link-Tipp: Typekit Fonts Inspirationen Webdesigner und Typo-Fan Daniel Eden hat mit “Just my Type” eine schöne Zusammenstellung verschiedener Typekit-Webfonts vorbereitet. Da es bei Typekit inzwischen...

View Article

Image may be NSFW.
Clik here to view.

Typekit Webfonts nutzen: So funktioniert’s

Mit Hilfe des Typekit-Dienstes von Adobe kannst du eine riesige Auswahl hochwertiger Web-Schriften unkompliziert und Browser-kompatibel auf deiner Webseite verwenden. Typekit bietet damit eine...

View Article

Image may be NSFW.
Clik here to view.

CSS-Eigenschaften für Schrift und Text

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...

View Article


Image may be NSFW.
Clik here to view.

CSS-Tipp: rem als Einheit für Schriftgröße nutzen

rem hat dieses mal nichts mit Musik zu tun, sondern es ist der Begriff der CSS3-Schriftgrößeneinheit rem (= root em) gemeint. rem verhält sich genauso wie em mit dem einzigen Unterschied, dass das sich...

View Article


Image may be NSFW.
Clik here to view.

Meine Top 10 Google Webfonts für Webdesign-Projekte in 2013

Als Webdesigner ist man immer auf der Suche nach geeigneten, schönen Free-Fonts für neue Webdesigns und dank kostenloser Schriften-Ressourcen wie den Google Webfonts werden die Möglichkeiten...

View Article

Image may be NSFW.
Clik here to view.

Genericons: Eine kostenlose Icon Font für WordPress-Projekte

Es gibt inzwischen jede Menge Icon Fonts und in einem früheren Artikel habe ich bereits über die sehr beliebte Font Awesome Icon Font (eine Icon Font, die sich vor allem für Bootstrap-Projekte...

View Article

Image may be NSFW.
Clik here to view.

Google Webfonts in WordPress einbinden – so funktioniert’s

Google Webfonts sind eine tolle Möglichkeit das eigene Webdesign mit schöner und etwas individuellerer Typografie umzusetzen, ohne gleich auf eine kostenpflichtige Lösung zurückgreifen zu müssen. Um...

View Article

Image may be NSFW.
Clik here to view.

Inspirationsquelle chinesische Typografie: Tradition trifft auf Moderne

Asiatische Schriftarten haben für mich immer etwas sehr Ästhetisches und irgendwie Beruhigendes. Ich finde man spürt förmlich die lange Tradition der Schriftkunst in den perfekt geschwungenen Linien...

View Article


Link-Tipp: WhatFont-Tool Bookmarklet und Google Chrome Erweiterung

WhatFont-Tool Bookmarklet und Google Chrome Erweiterung Mit dem WhatFont-Tool kannst du mit Hilfe eines Bookmarklets oder der Google Chrome Erweiterung super schnell herausfinden, welche Schriften auf...

View Article

Image may be NSFW.
Clik here to view.

Die Verwendung von Web Fonts über die Schriften-Bibliothek Typekit kurz erklärt

Wenn du ein Typografie-Fan bist, wünscht du dir bestimmt auch oft ein wenig mehr Möglichkeiten bei der Auswahl von Schriften für deine Webdesigns. Die Online Font-Library Typekit bietet eine praktische...

View Article


Image may be NSFW.
Clik here to view.

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...

View Article

Image may be NSFW.
Clik here to view.

WhatFont – die iPhone App für Typo-Fans

Seither konnte man mit der „WhatFont“ Browser-Erweiterung herausfinden, welche Schriftarten und Schriftstile (Größe, Farbe, Line-Height etc.) auf einer Webseite verwendet werden. Jetzt gibt es das...

View Article


Image may be NSFW.
Clik here to view.

Google-Schriftarten vom eigenen Server laden

Viele von euch möchten auf den Abruf der Google-Schriftarten vom Google-Server verzichten. Die Gründe dafür sind vielseitig und können beim Datenschutz, bei Caching-Vorteilen oder der Reduzierung von...

View Article

Adobe Fonts im WordPress Block-Editor anzeigen

Für unser neuestes ElmaStudio Redesign haben wir die bei Adobe Fonts zur Verfügung stehenden Schriften Degular und Degular Display verwendet. Die Schriften ins Frontend einzubinden war auch kein...

View Article
Browsing all 19 articles
Browse latest View live




Latest Images