Note: This section of the site is under heavy construction, tread carefully.
204 bookmarks by garrettc
"Occlusion Grotesque is an experimental typeface that is carved into the bark of a tree. As the tree grows, it deforms the letters and outputs new design variations, that are captured annually. The project explores what it means to design with nature and on nature's terms."
Bookmarked on • #
The fastest math typesetting library for the web. Simple API, no dependencies.
Bookmarked on • #
"Welcome to our library of original guides to the world of typography, which the Google Fonts team is producing in collaboration with typographic experts from around the world. Google Fonts Knowledge enables designers and developers of all skill sets to choose and use type with purpose."
Bookmarked on • #
Directory of tools for creativity, workflow, business, etc.
Bookmarked on • #
Bookmarked on • #
"A platform for inspiration, research and promotion of good design through the poster culture"
Bookmarked on • #
Bookmarked on • #
Bookmarked on • #
You may be aware that you can see a list of available symbols on your Mac with the Control-Command-Space key combination. By default, you get a nice collection of special characters and emoji. The recent addition of a search bar also helps.
Bookmarked on • #
"Here’s a fun CSS trick to show your friends: a large title that switches from a solid color to knockout text as the background image behind it scrolls"
Bookmarked on • #
CSS generator for opentype layout and variables
Bookmarked on • #
"One of the biggest causes of layout shifts for my clients is late-loading web fonts, let's look at how to optimise them!"
Bookmarked on • #
"A typeface five years in the making, Google Noto spans more than 100 writing systems, 800 languages, and hundreds of thousands of characters."
Bookmarked on • #
"Vertical rhythm is the term that comes to mind when talking about typography on the web, which can be difficult to get right."
Bookmarked on • #
Bookmarked on • #
"How much consideration have you given to how the text of your site is rendered when it’s localized? Do you consider whether your webfonts load in China?"
Bookmarked on • #
Bookmarked on • #
Bookmarked on • #
"A method to produce the perfect book.” The perfect book. This is how designer-genius Jan Tschichold described this system. Not the ok book, nor the pretty good book, but the perfect book.
Bookmarked on • #
"Rendering text, how hard could it be? As it turns out, incredibly hard! To my knowledge, literally no system renders text "perfectly". It's all best-effort, although some efforts are more important than others."
Bookmarked on • #
Baseline Grid To celebrate the 100th anniversary of the German design school Bauhaus, we published a story at The New York Times featuring some of its buildings outside Europe. Designed by Rebecca Lieberman, Eden Weingart and I, it featured a small detail for the design-history aficionados: a baseline grid. Baseline grids are horizontal lines evenly spaced where text should align to. Aligning type based on its bottom, or baseline, was a common practice in movable type. Its founding publication, the Gutenber
Bookmarked on • #
"Given a date format like “Thursday, January 21, 2010” and limited space to drop in this string on a page, what is the maximum width of this string as rendered in Georgia or Helvetica/Arial?"
Bookmarked on • #
How to manage long words when they do not fit to the screen or within a narrow container.
Bookmarked on • #
Bookmarked on • #
"This web site presents one glyph for each of the world’s writing systems. It is the first step of the Missing Scripts Project , a long-term initiative that aims to identify writing systems which are not yet encoded in the Unicode standard. As of today, there are still 146 scripts not yet encoded in Unicode."
Bookmarked on • #
Bookmarked on • #
Richard Rutter offers sage advice on numeral usage in this excerpt from Web Typography.
Bookmarked on • #
Bookmarked on • #
Typography is arguably the essential part of a website. When we think about the content of a web page, we think about words. In this article, we’ll take a look at how to set a typography system in…
Bookmarked on • #
"Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design."
Bookmarked on • #
Creating an accessible and harmonious typography system 2 separate typefaces using Sketch's text style manager.
Bookmarked on • #
Bookmarked on • #
"Retail displays, packaged goods, financial reports and apps all present readers with a dizzying array of data. Here are a few ways to make quick work of their long lists, tiny annotations, and mighty stacks of numbers."
Bookmarked on • #
A typeface of people silhouettes, to make it easy to build web graphics featuring little people instead of dots.
Bookmarked on • #
There are plenty of sites demoing the possibilities of variable fonts, but very few using them in a real-world context. In fact the new Ampersand website may be the first. Learn how we did it.
Bookmarked on • #
Axis-Praxis is a website for playing with OpenType variable fonts. Use Chrome on any platform or Safari on macOS 10.13+
Bookmarked on • #
"Comic Sans still dominates classrooms with teachers believing it is better for dyslexic students, "Comic Sans still dominates classrooms with teachers believing it is better for dyslexic students, for reading and for modelling handwriting. Jon Severs finds that those benefits are dubious and that so much else we think we know about fonts and readability - even reading itself - is highly problematic . for reading and for modelling handwriting"
Bookmarked on • #
A post by Zach Leatherman (zachleat), a Front End Engineer.
Bookmarked on • #