Typografenhumor

1


Gefunden in einem Forum, Credits gehen an den unbekannten Typografen ;)

Post to Twitter

kommentieren

2. Februar 2010

Kategorien

Typografie

Tags

,

Silvester – Sylvester – Lernt es doch endlich mal!

0

silvester-sylvester

Ich bin jetzt schon auf die Silvesterplakate von den ungelernten Hobbyphotoshoppern gespannt. Da steht dann groß drauf: „Sylvester 2010“. Gleich doppelt falsch, Silvester wird immer mit „i“ geschrieben. Immer. Und Silvester 2010 ist erst im nächsten Jahr.

Falls euch in Internetforen oder sonstwo wieder so ein Experte begegnet, schickt ihm einfach diesen Link:

http://www.silvester-sylvester.de/

Dann weiß er wenigstens fürs nächste mal Bescheid.

(Foto via Wikipedia – CC-Lizenz)

Post to Twitter

kommentieren

5. Dezember 2009

Kategorien

Allgemein, Typografie

Tags

, , ,

Bessere Webtypografie: Font Stacks

2

typo

Font Stacks, also ein „Stapel Fonts“, ist die Idee, anstatt der Standardwebschrift eine Reihe von Fonts aufzurufen, beginnend mit dem schönsten und an letzter Stelle steht der Webfont, in der Hoffnung, der Besucher hat möglichst schöne Fonts installiert.

Vorteile an dieser Sache sind, dass man neben allerlei schönen Schriften auch alle Systemschriften aller Systeme der Reihe nach abklappern kann.

Beginnen könnte man z.B. in dem man den teuren und edlen Font „Frutiger“ einbindet, dann folgt „Segoe“, die Neueintwicklung von Microsoft für Vista, welcher bekanntlich ein billiger Abklatsch von Frutiger ist, aber immer noch gut aussieht. Dann könnten Fonts nach eigenem Geschmack folgen, die den vorangenannten leider nur ähnlich sehen, aber immer noch besser sind als Systemfonts. Und zu guter Letzt folgen die Systemfonts, z.B. Arial und Helvetica. Und selbst hier kann man was verbessern, indem man erst schöne Versionen von Helvetica nimmt und später die Arial. Besitzer eines Macs oder einer Creative Suite haben meist schöne Helvetica Versionen dabei. Übrigens, Arial ist auch nur wieder eine schamlose Microsoftkopie von der Helvetica. Die machen sowas scheinbar öfter.

Wenn man möchte, kann man dann noch seltenere Systemfonts einbinden, wie das Linux Pendant für die Arial, die Liberation. Ganz zum Schluss folgt noch die font-family, für den unwarscheinlichen Fall, dass niemand die genannten Schriften installiert hat.

So könnte das ganze aussehen:

font-family: Frutiger, "Frutiger Linotype", "Segoe", "Helvetica Neue", "Liberation Sans", "Nimbus Sans L", Helvetica, Arial, sans serif;

Erst die guten Kaufschriften, dann die Vistaschrift, dann kommt eine der Systemschrift aber nicht mehr der Starterschrift ähnliche, dann Unixfonts und dann Systemschriften. Ist jetzt nur mal ein Beispiel auf die Schnelle, probiert ein wenig rum.

Nachteile

Diese Art der Einbindung von CSS Fonts birgt allerdings einige Nachteile:

Man kann keine verbindlichen Entwürfe an seine Kunden verschicken.

Die Schriften haben alle unterschiedliche x-Höhen, Laufweiten, etc. Also kanns da schnell einem mal das Design zerhauen, wenn man denn so gestalten sollte, dass die Schriften so essentiell sind. Befehle für z.B. die x-Höhe wie font-size-adjust sind für Produktivseiten nicht nutzbar.

In Browsern oder Systemen, die kein Anti-Aliasing für die Browserfonts bieten, wirken die Kaufschriften schnell verkrüppelt, da sie nicht die Eigenschaften einer Arial mitbringen, auf die Bildschirmlesbarkeit ausgelegt zu sein.

Fazit
Alles in allem zumindest mal was neues, um etwas frischen Wind in die langweilige Webfontriege zu bringen, aber immer die Nachteile im Hinterkopf haben
Hier ist noch ein Link für einige Inspirationen:
http://www.sitepoint.com/article/eight-definitive-font-stacks/

Post to Twitter

kommentieren

26. Januar 2009

Kategorien

CSS, Typografie, Webdesign

Tags

, , ,

Webdesign-Trends 2009

0

2009

Smashing Magazine sammelt die Webdesign-Trends für 2009. Vieles wurde schon 2008 benutzt, aber scheinbar sind diese Trends noch lange nicht am Ende.

Zu den Trendvorhersagen zählen unter anderem Typo mit „eingepresst“-Effekt. Allgemein geht der Trend zu mehr Typographie. Als Trends zählen weiterhin übergroße Typo, interessante große Einleitungstexte und Font-Replacement, also das ersetzen von Standardschriften durch neue Schriften (meist als Bild).

Weitere Trends, gefördert durch das langsame Sterben des IE6, sind Alphatransparenzen.  Und mit Hilfe von Javascript werden reichhaltige User Interfaces und Effekte auf dem Vormarsch sein. Schaut euch einfach mal die Quelle an, wenn ihr des Englischen mächtig seid.

Mobiles Web auf dem Vormarsch

Viele sagen – dank des iPhone-Booms – dem mobilen Web den Druchbruch 2009 voraus. Meiner Meinung nach ist das noch etwas verfrüht, aber nichtsdestotrotz könnte man schonmal ein Augenmerk darauf richten, seine Seiten mobilbrowserfreundlich zu gestalten.

Auch hier hat Smashingmagazine eine kleine Sammlung zusammengefasst.

Deutsche Experten und das Jahr 2009

Deutsche Experten (und solche die sich dafür halten) haben auf der Seite des Typo3 Magazins T3N ihre Meinung kundgetan, wie das Jahr 2009 im Web aussehen wird. Ganz interessant zu lesen. Was auffällt: Bei den ganzen Experten ist nur eine einzige Frau dabei, das nur mal so am Rande.

Post to Twitter

kommentieren

Mediengestalter.cc

ist das Blog eines Mediengestalters und Netzbürgers, der über das schreibt, was ihm im Laufe seines Onlinelebens über den Weg läuft

Folge mir per:



    folge mir auf Twitter

  • Mediengestalter.cc auf Flickr

    Zensursula bekämpft jetzt auch Obdachlosigkeit Schweinegrippe-Notstand

  • Letzte Kommentare

    • Doreen: www.camspam.de ist die Deutsche Version davon
    • namenloser: Sehr schön.
    • ich: css löst target ja ab.. ab css3 kannste target: new-tab; definieren, das würde das validitätsproblem schonmal...
    • Andi: Sorry, wollte euch nicht zu nahe treten. Ich meinte natürlich 2,2% Browser :-D http://www.w3schools.com/br...
    • ich: gut gelungen :D nur schade dass man 2 krawatten sieht


    Abmahnungen Apple Beeindruckend Blog Blogger Browser CDU Computer CSS Design Fernsehen Firefox Flash Foto Google Heidi Klum HTML iPhone Kino Kunst Lustig Mac MacBook MacBook Pro Mac OS X Musik Nintendo Photoshop Satire Schäuble Silvester Star Wars Suchmaschine Tutorial Twitter Typographie Ursula von der Leyen Video von der Leyen Web 2.0 Webdesign Weihnachten Werbung Zensur Zensursula

    MEDIENGESTALTER.CC

    | Allgemein | Apple | Beeindruckend | Computer | CSS | Design | Fernsehen | Fonts | Gadgets | HTML | Kunst | Kurios | Mediengestalter | Netzwelt | Photoshop | Printdesign | Software | Tutorials | Typografie | Videos | Web2.0 | Webdesign | Werbung |