Typecast (zum Zeitpunkt dieser Aufnahme in der Beta) ist eine wirklich nette Web-App, um mit Webtypografie zu spielen. Sie bietet eine großartige Oberfläche, um mit den Grundlagen der Typografie zu experimentieren, z. B. wie Überschriften und Fließtext aussehen. Die wahren Grundlagen: Schriftgröße, Zeilenhöhe, Farbe, all das.
Was Typecast *wirklich* cool macht, ist, dass man darin verschiedenste benutzerdefinierte Schriftarten verwenden kann. Wir nutzen bisher Typekit in unserem Projekt, und all diese Schriftarten sind verfügbar. Aber sie bieten nicht nur Typekit-Schriftarten an, sondern auch Schriftarten von FontDeck, Fonts.com und mehr.
Wenn es an die Bereitstellung geht, ist man selbst dafür verantwortlich, diese Schriftarten tatsächlich einzurichten, aber man kann damit in Typecast so viel spielen, wie man möchte.
Wir experimentieren mit einem Grundlinienraster und ich teile dazu einige Gedanken. Wir experimentieren auch mit verschiedenen Schriftarten für Überschriften, für den Fließtext und mit einigen spielerischen Schriftarten.
Hallo Chris, falsches Video für den Titel und die Beschreibung hier. Vielleicht ein Tausch?
Neu laden, sollte jetzt ok sein.
Hm, bin mir beim Grundlinienraster nicht sicher. Ich meine, realistischerweise – wie Sie erwähnten – wenn zusätzliche Inhalte wie Bilder usw. vorhanden sind, wird dies die Grundlinie beeinträchtigen. Aber! Da der Leser wahrscheinlich sowieso scrollen und über diese Bilder gehen wird, würde ich davon ausgehen, dass 99,99 % von ihnen eine leichte Verschiebung niemals bemerken würden.
Realistischerweise denke ich, dass ein Grundlinienraster für massive Textblöcke hilfreich wäre, aber in einer üblichen Blogpost-/Website-Umgebung, die wahrscheinlich mit Bildern und anderen Elementen übersät sein wird, bin ich einfach nicht überzeugt.
Typecast – auf der anderen Seite sieht ziemlich großartig aus, um mit Typografie herumzuspielen. Gibt es eine Möglichkeit, eine PNG-Version des darin eingegebenen Textes zu erhalten? Könnte für Konzeptdesigns/Prototyping nützlich sein, da man Typekit-Schriftarten (zum Beispiel) während der Designphase normalerweise nicht in Photoshop erhält.
Ich dachte, es gäbe jetzt eine Typekit/Photoshop-Integration? Vielleicht nicht? Ich wette, sie arbeiten nach der Fusion daran.
Leider nein – ich habe eine Reihe von Supportfragen und Kommentaren auf ihren Blogs gesehen, aber es ist immer ein „Wir erforschen das“ und kein festes Ergebnis.
Ich weiß, dass Fontshop eines hat – was ziemlich cool erscheint, aber Typekit ist für die Webentwicklung ein viel besseres Geschäft. Seufz, ich werde weiter warten :(
Das ist in Adobe Muse implementiert ...
Schauen Sie sich baseline.js an. Ich habe es in einem Build verwendet, an dem ich gearbeitet habe, und es ist ziemlich cool. Macht genau das, was man erwarten würde, und funktioniert auch mit max-width 100%. Man gibt ihm eine bestimmte Grundlinie vor, der es folgen muss, und dann passt es sich an. Es erlaubt Ihnen sogar, einen Haltepunkt anzugeben, damit es die Grundlinien ändert, wenn sich Ihre Zeilenhöhe an einem bestimmten Punkt ändert.
Es mag ein wenig verrückt erscheinen, aber es trägt zum Gesamteffekt der Website bei. Auch hier mag es je nach Website nicht so wichtig sein.
Verdammt! Danke, Chris!!
Das scheint perfekt für einen künstlerisch gestalteten Blog und ein vollständiges Typekit-Konto zu funktionieren! Ich liebe es ...
Ich habe seit der Beta-Version mit Typecast herumgespielt und muss sagen, dass sie eine viel bessere Vorschau-Kontrolle bieten als Typekit – ohne Wenn und Aber. Ich mag immer noch die Denkweise von Mark Boulton, dass Typografie weit vor dem Styling kommt. So konzentriert man sich ausschließlich auf die Typografie, ohne dass andere störende Elemente im Weg sind.
INHALT > TYPOGRAFIE > LAYOUT > DESIGN & FARBE
oder
INHALT > LAYOUT > TYPOGRAFIE > DESIGN & FARBE
Es gibt jetzt viele schöne native Schriftarten, die auf mehreren Betriebssystemen installiert sind (Windows hat einige schöne), daher gibt es keinen Grund, nicht zuerst gründlich über Ihre nativen Fallback-Schriftarten nachzudenken. Ich kann Ihnen gar nicht sagen, wie oft ich gesehen habe, dass Typekit ausgefallen ist und meine Schriftarten verloren gingen. Wir können mit Sicherheit sagen, dass 95% des Webs Typografie sind, daher ist eine zusätzliche Stunde, die man sich auf native Fallbacks konzentriert, nicht nutzlos.
Native iOS-Schriftarten
http://iosfonts.com
Machen Sie das Web schnell: Google Web Fonts – macht schön, schnell!
Googles Video „Make The Web Fast“ zur Schriftartenauslieferung ist für alle sehenswert.
http://www.youtube.com/watch?v=sqesm0euf9M
Web Font Awards
http://www.webfontawards.com
Cooler Tipp. Ich erinnere mich, vor ein paar Monaten von dieser App gehört zu haben.
Als Alternative habe ich ein wenig mit Gridlover herumgespielt, was eine ähnliche kleine App ist, wenn auch mit etwas weniger Funktionen als Typecast (nämlich kann man dort keine benutzerdefinierten Schriftarten auf ihrer Seite verwenden, zumindest noch nicht). Ein Bonus bei Gridlover ist jedoch, dass keine Anmeldung erforderlich ist. Man geht einfach rein und spielt mit den Einstellungen auf der Seite herum, bis man etwas hat, das gut aussieht und funktioniert, und es gibt einem den notwendigen CSS-Code aus. Man kann sogar eine Markdown-Datei auf die Seite ziehen, um sie als Beispielinhalt zu verwenden.
Hau ab, blaue!