Einige Typografie-Links V

Ich habe die Schriftarten der Top 1000 Websites analysiert. Hier ist, was ich gelernt habe. — Michael Li bringt die Daten. Serifenlose Schriftarten dominieren total. „[...] es ist selten, unter 10px oder über 24px zu gehen.“ Und schlechtes <h5> hat immer die gleiche Größe wie <p>. Das macht mich besonders traurig für <h6>, bist du dazu bestimmt, *kleiner* als der Haupttext zu sein?
Wie Spaltensatz und Laufsatz Großbuchstaben verbessern — Oliver Schöndorfer erklärt, warum GROSSBUCHSTABEN-Text generell besser aussieht, wenn er auseinandergezogen ist (d. h. letter-spacing in CSS). Ich bin zwar kein renommierter Typograf, aber das deckt sich mit dem, was ich immer gefühlt habe. Großbuchstaben sehen gut aus, wenn sie auseinandergezogen sind (manchmal ziemlich stark), und umgekehrt sieht es fast nie gut aus, Kleinbuchstaben auseinanderzuziehen. Wie die PG-Version des berühmten Zitats.
Systemschriftarten im Web nutzen — Jim Nielsen teilte einige meiner Verwirrung über „Systemschriftarten“ in CSS. So wie wir jetzt system-ui haben, das ich ziemlich oft benutze, weil es in Chrome und Safari tatsächlich funktioniert, um die Systemschriftart auszuwählen (d. h. San Francisco auf macOS zu verwenden). Bevor es das gab, hat man, um dieselbe Art von Sache zu nutzen, einen langen Stapel gemacht. Aber wir brauchen den Stapel für echte Produktionsseiten immer noch, da system-ui nicht universell unterstützt wird. Es gibt jedoch eine schöne Zukunft, da wir ui-sans-serif, ui-sans-serif, ui-monospace und ui-rounded bekommen. Die Browserunterstützung ist ziemlich begrenzt, aber es wird schön sein.
Einfachere Schriftlizenzierung: V2 vorstellen — „Der Kern von V2 ist dieser: Sie kaufen eine Schriftart und können sie dann verwenden.“ Gott segne sie. Als Besitzer mehrerer Websites, die viele Seitenaufrufe erhalten, aber kein riesiges Budget haben, brauche ich Webfont-Preise, die vernünftig sind.
5 Schritte für schnellere Webfonts — Iain Bean geht die wichtigsten Punkte durch: WOFF2, font-display, <link rel="preload" ...>, Subsetting und Self-Hosting. Und vergiss niemals die heilige Bibel.
Ein neuer Weg zur Reduzierung der Auswirkungen von Schriftarten: CSS Font Descriptors — Barry Pollard betrachtet neue CSS-Deskriptoren (nicht nur normale Eigenschaften, da sie nur innerhalb von @font-face-Blöcken funktionieren) wie size-adjust und ascent-override. **JA. DAS IST GROSSARTIG.** Ich habe perfekte Schriftart-Fallbacks als einen der größten CSS-Tricks aller Zeiten deklariert, aber leider erforderte dies ein kleines bisschen JavaScript und Trickserei. Dies bringt alles perfekt in CSS.
Warum Sie aufhören sollten, Times New Roman zu verwenden — Vanessa Hill wurde gebeten, ein Forschungs paper in Times New Roman neu zu formatieren. Ihr wurde gesagt, dass es so gut lesbar sei, und sie recherchiert die Wahrheit: Das stimmt nicht. Persönlich kann ich das Aussehen nicht ertragen, weil es aussieht, als wäre dein Schriftstapel in CSS fehlgeschlagen.
Pixel-Schrift-Konverter! — Sieht aus wie ein altes Werkzeug (via Remy Sharp), aber ich liebe es, weil es die Idee, eine Schriftart zu erstellen, für jeden öffnet, der weiß, wie man ein paar Buchstaben zeichnet und ein statisches Bild speichert.

Kommentare

Hinterlassen Sie eine Antwort Antwort abbrechen