Typefacts » Twitter

Apple Color Emoji

Christoph — Wed, 21 Sep 2011 08:57:22 +0000

Neue, farbige Icon-Vielfalt in Mac OS X 10.7 (»Lion«)! Was unter iOS schon länger möglich war, ist jetzt auch auf Apples Desktop-Betriebssystem angekommen: Farbige Symbole statt schwarzer Buchstaben. Typefacts zeigt, wie es geht.

Schöne, bunte Icon-Welt: Die Symbole in »Apple Farben-Emoji« auf Apple-Geräten.

Emoji-Übersicht für iPhone und Mac

Die folgenden Symbole sind alle auf Lion und iOS verfügbaren. Leider lassen sie sich auf iOS nur sehr schwer kopieren und einfügen; Dafür gibt es aber die hilfreiche, kostenlose App »Emoji-Free«.

Windows-User können die meisten Zeichen zumindest Schwarz auf Weiß sehen, wenn sie den Freefont »Symbola« installieren.

Tip: Maus über die Symbole bewegen, um die HTML-Entities zu sehen!

↖
↗
↘
↙
⏩
⏪
▶
◀
☀
☁
☎
☔
☕
☝
☺
♈
♉
♊
♋
♌
♍
♎
♏
♐
♑
♒
♓
♠
♣
♥
♦
♨
♿
⚠
⚡
⚽
⚾
⛄
⛎
⛪
⛲
⛳
⛵
⛺
⛽
✂
✈
✊
✋
✌
✨
✳
✴
❌
❎
❓
❔
❕
❗
❤
➡
➿
⬅
⬆
⬇
⭐
⭕
〽
㊗
㊙

🀄
🅰
🅱
🅾
🅿
🆎
🆒
🆔
🆕
🆗
🆙
🆚
🈁
🈂
🈚
🈯
🈳
🈵
🈶
🈷
🈸
🈹
🈺
🉐
🌀
🌂
🌃
🌄
🌅
🌆
🌇
🌈
🌊
🌙
🌟
🌴
🌵
🌷
🌸
🌹
🌺
🌻
🌾
🍀
🍁
🍂
🍃
🍅
🍆
🍉
🍊
🍎
🍓
🍔
🍘
🍙
🍚
🍛
🍜
🍝
🍞
🍟
🍡
🍢
🍣
🍦
🍧
🍰
🍱
🍲
🍳
🍴
🍵
🍶
🍸
🍺
🍻
🎀
🎁
🎂
🎃
🎄
🎅
🎆
🎇
🎈
🎉
🎌
🎍
🎎
🎏
🎐
🎑
🎒
🎓
🎡
🎢
🎤
🎥
🎦
🎧
🎨
🎩
🎫
🎬
🎯
🎰
🎱
🎵
🎶
🎷
🎸
🎺
🎾
🎿
🏀
🏁
🏃
🏄
🏆
🏈
🏊
🏠
🏢
🏣
🏥
🏦
🏧
🏨
🏩
🏪
🏫
🏬
🏭
🏯
🏰
🐍
🐎
🐑
🐒
🐔
🐗
🐘
🐙
🐚
🐛
🐟
🐠
🐤
🐦
🐧
🐨
🐫
🐬
🐭
🐮
🐯
🐰
🐱
🐳
🐴
🐵
🐶
🐷
🐸
🐹
🐺
🐻
👀
👂
👃
👄
👆
👇
👈
👉
👊
👋
👌
👍
👎
👏
👐
👑
👒
👔
👕
👗
👘
👙
👜
👟
👠
👡
👢
👣
👦
👧
👨
👩
👫
👮
👯
👱
👲
👳
👴
👵
👶
👷
👸
👻
👼
👽
👾
👿
💀
💁
💂
💃
💄
💅
💆
💇
💈
💉
💊
💋
💍
💎
💏
💐
💑
💒
💓
💔
💗
💘
💙
💚
💛
💜
💝
💟
💡
💢
💣
💤
💦
💨
💩
💪
💰
💱
💹
💺
💻
💼
💽
💿
📀
📖
📝
📠
📡
📢
📣
📩
📫
📮
📱
📲
📳
📴
📶
📷
📺
📻
📼
🔊
🔍
🔑
🔒
🔓
🔔
🔝
🔞
🔥
🔨
🔫
🔯
🔰
🔱
🔲
🔳
🔴
🕐
🕑
🕒
🕓
🕔
🕕
🕖
🕗
🕘
🕙
🕚
🕛
🗻
🗼
🗽
😁
😂
😃
😄
😉
😊
😌
😍
😏
😒
😓
😔
😖
😘
😚
😜
😝
😞
😠
😡
😢
😣
😥
😨
😪
😭
😰
😱
😲
😳
😷
🙅
🙆
🙇
🙌
🙏
🚀
🚃
🚄
🚅
🚇
🚉
🚌
🚏
🚑
🚒
🚓
🚕
🚗
🚙
🚚
🚢
🚤
🚥
🚧
🚬
🚭
🚲
🚶
🚹
🚺
🚻
🚼
🚽
🚾
🛀

Non-iOS

Die folgenden Zeichen liegen bisher nur dem Emoji-Font in Mac OS X (ab 10.7 »Lion«) bei, seit 10.7.3 ebenfalls in Farbe.

⏫
⏬
⏰
⏳
✅
➕
➖
➗
➰
🃏
🆑
🆓
🆖
🆘
🇦
🇧
🇨
🇩
🇪
🇫
🇬
🇭
🇮
🇯
🇰
🇱
🇲
🇳
🇴
🇵
🇶
🇷
🇸
🇹
🇺
🇻
🇼
🇽
🇾
🇿
🈲
🈴
🉑
🌁
🌉
🌋
🌌
🌏
🌑
🌓
🌔
🌕
🌛
🌠
🌰
🌱
🌼
🌽
🌿
🍄
🍇
🍈
🍌
🍍
🍏
🍑
🍒
🍕
🍖
🍗
🍠
🍤
🍥
🍨
🍩
🍪
🍫
🍬
🍭
🍮
🍯
🍷
🍹
🎊
🎋
🎠
🎣
🎪
🎭
🎮
🎲
🎳
🎴
🎹
🎻
🎼
🎽
🏂
🏡
🏮
🐌
🐜
🐝
🐞
🐡
🐢
🐣
🐥
🐩
🐲
🐼
🐽
🐾
👅
👓
👖
👚
👛
👝
👞
👤
👪
👰
👹
👺
💌
💕
💖
💞
💠
💥
💧
💫
💬
💮
💯
💲
💳
💴
💵
💸
💾
📁
📂
📃
📄
📅
📆
📇
📈
📉
📊
📋
📌
📍
📎
📏
📐
📑
📒
📓
📔
📕
📗
📘
📙
📚
📛
📜
📞
📟
📤
📥
📦
📧
📨
📪
📰
📹
🔃
🔋
🔌
🔎
🔏
🔐
🔖
🔗
🔘
🔙
🔚
🔛
🔜
🔟
🔠
🔡
🔢
🔣
🔤
🔦
🔧
🔩
🔪
🔮
🔵
🔶
🔷
🔸
🔹
🔼
🔽
🗾
🗿
😅
😆
😋
😤
😩
😫
😵
😸
😹
😺
😻
😼
😽
😾
😿
🙀
🙈
🙉
🙊
🙋
🙍
🙎
🚨
🚩
🚪
🚫

Wie funktioniert’s (nicht)?

Von Barrierefreiheit kann leider keine Rede sein! Du kannst die Symbole einfach kopieren und einfügen; Dein Gegenüber sieht sie aber nur, wenn auch er ein Apple-Gerät mit iOS oder Mac OS X 10.7 (»Lion«) nutzt (und das Programm sie unterstützt) oder Symbola installiert hat.

Daumen umsonst

Christoph — Sun, 05 Jun 2011 21:02:31 +0000

… oder: Wie Typefacts Twitter revolutionieren wollte und die Browser nicht mitspielten. Oder: Im wahrsten Sinne.

Einleitung

Unicode

Ob nun A, € oder ☺, sobald das Unicode-Konsortium beschließt, einem Zeichen (ob Buchstabe, Rune, Symbol oder wasauchimmer) einen eindeutigen Code zuzuweisen, kann ihn die ganze Welt verwenden und man kann sich mehr oder weniger sicher sein, daß der verwendete Code in jedem Falle als das gewünschte Zeichen dargestellt wird.
Wenn ich also ein A in Arial schreibe und jemand anderes hat Arial nicht installiert, wird eben das A einer anderen Schrift angezeigt – und nicht etwa ein B oder Ř; So weit die Theorie. In der Praxis ist die Unicode-Unterstützung leider nicht immer so reibungslos.

Schriften

Wo die Unicode-Unterstützung grundsätzlich hinhaut, sollte man trotzdem nicht zu voreilig sein. Denn es werden alle Nase lang Zeichen zum Unicode hinzugefügt, jedoch nicht alle gleiche Nase lang Schriften veröffentlicht, die diese Zeichen enthalten – und schon gar nicht Arial, Verdana und co, die am meisten verwendet werden.

Erreichbarkeit

Zeichen gibt es viele in einer Schrift, Tasten allerdings nur wenige. Womit die Tasten beschriftet sind, erklärt sich von selbst, für alles andere gibt es … genau:
Für alles andere über die Tastatur erreichbare gibt es den Typefacts-Artikel Tastaturkürzel.
Was Spaß macht und nicht über die Tastatur erreichbar ist, ist eigentlich vor allem per Copy&Paste praktikabel und man bediene sich am besten im Typefacts-Artikel Schöner twittern mit Typefacts.

Programme

Okay, das Unicode-Konsortium hat nun also ein brandneues Zeichen kodiert, ich habe eine Schrift installiert, die dieses Zeichen enthält und ich habe Typefacts, das mir zeigt, wie ich das Zeichen einfüge.
Aber trotzdem haut es nicht hin, weil manche Programme zu blöde sind, in den installierten Schriften dieses Zeichen zu finden (wenn die Schrift nicht gerade von Microsoft oder Apple ist).

Die Idee

Jeder kennt die Website mit dem weißen f auf blauem Grund, die den berühmten Button eingeführt hat, mit dem man schnell seine Zustimmung signalisieren kann. Was man davon hält (👎), sei jedem selbst überlassen, aber es scheint ja nun unterm Strich ganz gut anzukommen.
Die fast genau so beliebte Seite mit dem weißen Vögelchen auf hellblauem Grund kennt diesen Button jedoch nicht.

Im Unicode gibt es seit kurzer Zeit Codes für die Zeichen »Thumb Up« (1F44D) und »Thumb Down« (1F44E), aber Fonts gibt es fast noch keine, die die Zeichen beinhalten (vor allem keine, die weit verbreitet sind).

Daher also meine Idee:

Ich mache einen Font mit diesen beiden Daumen, verschenke ihn auf einer hübschen Website und zeige, wie man die Daumen einfügt – Und schon kann sich jeder selbst seinen Like-Button auf Twitter oder wo auch immer bauen. → typefacts.com/twitter-likebutton

Nur:

Es funktioniert nur bedingt.
Firefox scheint der einzige Browser zu sein, der schlau genug ist, in allen installierten Schriften nach den angeforderten Zeichen zu schauen. Auf iOS funktioniert es lustigerweise ebenfalls, wenn auch bezeichnenderweise nicht im Dauer-Ärgernis Safari.

Fazit

Wenn Du eine gute Idee hast, teste sie auch ordentlich!

Und das war’s jetzt?

Nein. Wer trotzdem Spaß an Daumen und Unicodes hat, besuche und streue meine kleine Website typefacts.com/twitter-likebutton und besorge sich dort den Daumen-Font. Du kannst damit machen, was Du magst.

Wenn er installiert ist, kannst Du hier schöne Daumen sehen und per Copy&Paste oder html-Entities (👍 und 👎) verwenden:

👍 👎

Und wenn irgendwann ein Systemfont die Daumen beinhaltet, bleiben die Daumen Daumen, mein Font muß dann aber nicht mehr installiert sein (Danke, Unicode!).

Der Weg ist das Ziel

Und daher hoffe ich, meine dabei erworbenen Kenntnisse in Sachen Responsive Layouts etc auch irgendwann hier einbringen zu können …

Zuletzt und bald

Christoph — Fri, 18 Dec 2009 21:21:53 +0000

Bevor die folgende Zahl unser aktuelles Jahr beschreibt, wird Typefacts ruhen und sich über die Feiertage und den Jahreswechsel vollfutternderweise erholen, um dann mit neuem Schwung wieder zur Tat zu schreiten. Das viele positive Feedback ist Verpflichtung genug, die Website auch weiterhin mit interessanten Inhalten zu füllen! Deshalb hier eine kleine Wasserstandsmeldung.

Zuletzt

Auf Twitter habe ich inzwischen die neue Listenfunktionalität genutzt, um eine Liste aller deutschsprachigen und aus dem deutschsprachigen Raum stammenden Twitterer zu versammeln: typografie-deutsch
Auch wer nicht bei Twitter ist, kann dort das aktuelle Typo-Geplapper verfolgen. Und wenn jemand gern in die Liste aufgenommen werden möchte oder jemanden aufgenommen wissen möchte – einfach bescheidsagen!

Tip →

In meinem letzten Artikel zum schöneren Twittern befindet sich auch eine Liste vieler lateinischer Akzentbuchstaben, die über die Tastatur nicht erreichbar sind. Per Copy & Paste kann man sich dort also auch dann bedienen, wenn’s mal nicht ums Twittern geht und Namen, Orte etc. richtig geschrieben werden sollen!

Und mit Wikipedia habe ich auch meine Erfahrungen gemacht. Zwischenbilanz: Eine Menge Türsteher, die neu gesetzte Links ohne Kontrolle oder Begründung innerhalb von 2 Minuten löschen. Und wenn man sie dann begründet, macht sich keiner die Mühe, sie zu sichten. So müssen meine Schriftalternativen-Links bei Helvetica, Gill Sans und Garamond auch weiterhin (erstmal?) draußen bleiben. Komischer Verein.

Achim Schaffrinna hat derweil eine schöne Seite zum Thema Buchstabenanatomie erstellt, die einem das Warten auf meine Variante versüßt. ;)
Jürgen Siebert bringt Ordnung in den unübersichtlichen Abkürzungswahnsinn bei Fonts und Ivos Fontwerk will endlich mal wieder etwas aktiver werden, sollte also im Auge behalten werden.

Bald

Anfang des nächsten Jahres werde ich mich mit meiner komplett subjektiven Liste der besten Fonts des letzten – also noch aktuellen – Jahres zurückmelden (unter anderem auch die oben abgebildete). Alle Foundrys haben mir freundlicherweise die gewünschten Schriften zur Verfügung gestellt (ein großes Dankeschön bereits jetzt!), so daß die Schönheiten wie gewohnt mit der Lupe begutachtet werden können.

Bis dahin

Genießt die Feiertage, kommt gut ins neue Jahr und laßt Euch Anfang Januar wieder hier blicken, um Euch den Font-Jahresrückblick anzuschauen!

Schöner twittern mit Typefacts

Christoph — Tue, 08 Dec 2009 21:52:39 +0000

Warum sich bei Twitter nur auf die Tastatur beschränken? Typefacts zeigt, wie Du Icons, Symbole und Sonderzeichen bei Twitter einfügen kannst. Ob Sterne, Herzen, Pfeile oder Smileys – vieles ist möglich!

Im Unicode-Standard sind neben Buchstaben, Ziffern und Satzzeichen auch viele andere Zeichen definiert, die unter bestimmten Bedingungen Deine Twittermeldung interessanter gestalten können.
Weiter unten findest Du eine große Anzahl dieser Zeichen. Auf den meisten Computern sind Fonts installiert, die diese Zeichen beinhalten. Wenn dies bei Dir der Fall ist und Du einen guten Browser verwendest, solltest Du keine Probleme haben. Andernfalls sind statt der Icons leere Rechtecke zu sehen.

Fluche und zensiere Dich selbst:

✠⚠♠✘☠↯★! Du alter █████!

Mach Deine Aufstellung:

❶ Sippel ❷ Amedick ❸ Rodnei ❹ Bugera ❺ Dick ❻ Mandjeck ❼ Schulz ❽ Iličević ❾ Sam ❿ Jendrišek ⓫ Lakić

Bekunde Sympathien:

I ♥ Typefacts! I ♠ Motörhead! I ✌ Ackermann! I ⑱ Möllemann! I ☭ Lenin! I ☢ Castor!

Spiele Twitterschach:

♘ auf C7!

Halte Dir ein Hintertürchen offen:

☐ Ja – ☐ Nein – ☑ Vielleicht

… und setze Akzente:

Von København nach Łódź.

Einfach Symbol markieren, kopieren und in Twitter einfügen, fertig! ☺

Symbole, Icons etc. pp.

Pfeile & Hände

Sterne & geometrische Formen

Buchstaben- & Ziffernvarianten

Satzzeichen etc.

Akzentbuchstaben

Außerdem empfehlenswert:

Typefacts wächst und zwitschert

Christoph — Fri, 15 May 2009 05:50:26 +0000

Sicher haben es einige gemerkt: Der »neue« Workshop Zeichen zählen war ursprünglich Bestandteil des Artikels Zeilenlänge (Satzbreite). Ich fand aber, daß die Thematik in einem eigenen Workshop besser aufgehoben ist, weil sie sich so besser finden läßt.

Was sonst?

Neue Free-Fonts

Desweiteren habe ich neun neue Free Fonts hinzugefügt, und zwar für jeden Geschmack: Vom Hair-Metal-Fan über den Weltenbummler bis zum Gummientenliebhaber.
Allerdings wird z.B. FF Reminga nicht auf Dauer erhältlich sein. Dafür ist es aber auch ein absolut vollwertiger Font, für dessen Qualität ich selbst verantwortlich bin. ;) Also besser gleich zuschlagen!
Ach ja: Da ich die neuen nicht einfach an den Schluß rankleben wollte, habe ich sie rosa hinterlegt, bis der nächste neue Schwung kommt.

Typefacts @twitter

Einen Twitter-Account habe ich jetzt auch. Ich sehe ihn jedoch nur als zusätzlichen Kanal für die Neuigkeiten, die es auch auf der Hauptseite geben wird. Wer also mit Twitter nicht viel anfangen kann (wie ich eigentlich), wird nicht viel verpassen, höchstens mal eine Neuigkeit etwas später bekommen. Wer Interesse hat, klicke auf www.twitter.com/typefacts oder abonniere den Twitter-RSS-Feed.

In Arbeit

In den Startlöchern steht ein neuer Grundlagen-Artikel über ein wenig beachtetes Satzzeichen, das natürlich wieder von wunderhübschen jungen Schriften präsentiert werden wird. Ein schönes interaktives Beispiel soll es auch wieder geben, und dafür brauche ich noch etwas Zeit. Nächste Woche sollte aber eigentlich Vollzug gemeldet werden können.

Dran bleiben! :)