recentpopularlog in

garrettc : fonts   28

The Font Loading Checklist—
"Our goal as web developers is to maximize the experience and raise user expectations to the level of what the web is capable of delivering, but also to manage our performance budgets to ensure that we are fulfilling the promise of the web—it’s ubiquity. This checklist should help you deliver on those two often competing ideals."
css  fonts  performance  bestpractice  webfonts 
september 2018 by garrettc
Variable Fonts
A simple resource for finding and trying variable fonts.
design  typography  fonts  resource 
june 2018 by garrettc
How to preload Google Fonts using resource hints
Senior Web Developer | Accessibility Advocate | Founder of Webdapper & GitHooks
webdevelopment  fonts  performance 
may 2018 by garrettc
Fonts for Complex Data
"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."
typography  fonts  design 
february 2018 by garrettc
How to use variable fonts in the real world
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.
typography  webdesign  fonts 
january 2018 by garrettc
Axis-Praxis: OpenType variable fonts in the browser
Axis-Praxis is a website for playing with OpenType variable fonts. Use Chrome on any platform or Safari on macOS 10.13+
typography  fonts  design 
january 2018 by garrettc
55 best free fonts for designers
There are some great free fonts out there. Here are the best of the best.
fonts  typography  resource  webdesign 
september 2017 by garrettc
The Ultimate Guide to Font Pairing
Good graphic design doesn’t happen by mistake, and neither does clever font marriage. Use this guide to font pairing to create your own beautiful designs.
design  typography  fonts  designthinking 
may 2017 by garrettc
Futile Fonts
I make fonts sometimes. All of them have very permissive licensing. ThreeFourTwoTwo — In the early 1980s, just before dot-matrix displays became a thing, companies produced more and more complex al…
graphics  fonts  8bit  printer  plotter 
october 2016 by garrettc
The Fonts of Star Trek – Discover the world’s best fonts
design  typography  startrek  fonts 
july 2016 by garrettc
Pull Quotes
Sixty-three ideas for editorial pull-quotes via
design  typography  webdesign  fonts 
august 2015 by garrettc
Precise control over responsive typography
It is possible to have precise control over responsive typography. Using calc() and viewport units you can create fluid type that scales perfectly between specific pixel values, within a specific viewport range.
css  typography  fonts  responsivedesign 
march 2015 by garrettc
Web typography for non-designers
"A comprehensive little intro to the world of typography with tips and tricks, and examples of how to to be horrible at it."
webdesign  typography  fonts 
march 2015 by garrettc
Typeface Mechanics: 001
"This new series of posts will explore what I call “typeface mechanics”, the behind-the-scenes work that makes typefaces visually functional. It is what placates the stubborn oddities of human perception, helps or hinders the user, and informs long-standing conventions of design."
design  history  typography  fonts  learning  education 
february 2015 by garrettc
Font Custom
Generate custom icon webfonts from the command line.
css  fonts  font-face  webdesign  icons  iconfonts 
december 2013 by garrettc
Generate your own custom webfont with just the icons you need from multiple CC and open source fonts
fonts  icons  typography  webdesign  design 
november 2013 by garrettc
Stop Using Small Font Sizes
TL;DR: 16px minimum font-size for body text, 1.5em line-height for said text; max width should be 60-80 characters == 27-35em.
webdesign  fonts  typography  userexperience  userinterface  accessibility 
march 2013 by garrettc

Copy this bookmark:

to read