recentpopularlog in

garrettc : typography   172

« earlier  
The World’s Writing Systems
"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."
art  history  typography  writing  language  society  communication 
9 weeks ago by garrettc
Web Typography: Numerals
Richard Rutter offers sage advice on numeral usage in this excerpt from Web Typography.
typography  webdesign  readability  userexperience  numerals 
11 weeks ago by garrettc
Create your design system, part 1: Typography
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…
css  webdesign  designsystems  webdevelopment  typography  grid  colour  space  icons  buttons 
september 2018 by garrettc
Variable Fonts
A simple resource for finding and trying variable fonts.
design  typography  fonts  resource 
june 2018 by garrettc
Responsive And Fluid Typography With vh And vw Units
"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."
css  webdesign  responsivedesign  typography 
may 2018 by garrettc
Text System Mastery with Shared Styles
Creating an accessible and harmonious typography system 2 separate typefaces using Sketch's text style manager.
sketchapp  webdesign  appdesign  design  typography 
april 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
Wee People typeface
A typeface of people silhouettes, to make it easy to build web graphics featuring little people instead of dots.
typography  font  typeface  creativecommons  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
Long read: What's so bad about Comic Sans, anyway?
"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"
reading  dyslexic  typography  font  accessibility 
january 2018 by garrettc
Web Typography: Designing Tables to be Read, Not Looked At
In this excerpt from Web Typography, Richard Rutter explains how to improve the readability of your data tables.
css  design  typography  webdesign  tables 
november 2017 by garrettc
Web Typography: Numerals
Richard Rutter offers sage advice on numeral usage in this excerpt from Web Typography.
typography  webdesign  webdevelopment 
october 2017 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
A framework for creating a predictable & harmonious spacing system for faster design-dev handoff
"Enabling design & development teams to use spacing deliberately for improved readability and consistency in product"
design  typography  webdesign  guidelines  framework 
august 2017 by garrettc
Dana Library Hand
"Dana Library Hand is inspired by a recommended penmanship style for librarians to use when writing out card catalogue cards, and closely resembles the style of penmanship I learned in grade school in northern Vermont in the early 1960s. "
font  typography  history 
august 2017 by garrettc
Fun with Viewport Units
"Viewport units have been around for several years now, with near-perfect support in the major browsers, but I keep finding new and exciting ways to use them."
css  layout  webdesign  responsivedesign  typography  css3 
june 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
Stanley Kubrick’s typography
It's become common knowledge that Stanley Kubrick was a Futura fan. But did he use it very often? An overview of use of typography in Kubrick’s movies.
design  typography  kubrick  cinema 
february 2017 by garrettc
Tengis Type
"The independent brand which combine Mongolian typeface with graphic symbols in aesthetic perspective"
typography  layout  inspiration  design  designthinking 
january 2017 by garrettc
Modular Scale
Calculator to generate a typographic scale.
calculator  css  sass  scale  typography  design  webdesign  webdevelopment 
january 2017 by garrettc
Basehold.it
A quick, painless, javascript-free baseline overlay for typography.
css  typography  baseline  vertical  webdesign 
january 2017 by garrettc
Art of the Title
"Art of the Title is the definitive resource for title sequence design, spanning the film, television, conference, and videogame industries. Featuring title design from countries around the world, we honour the creators and innovators who contribute to the field, discussing and displaying their work with a desire to explicate, facilitate, and instigate."
design  film  movies  typography  video  inspiration 
september 2016 by garrettc
The Fonts of Star Trek
FontShop.com – Discover the world’s best fonts
design  typography  startrek  fonts 
july 2016 by garrettc
SAMSUNG ONE
Samsung's activities cross different products, platforms, people, cultures and environments. SamsungOne is a unique font designed to help deliver a connected, universal experience for samsung.
design  typography  identity 
july 2016 by garrettc
Pull Quotes
Sixty-three ideas for editorial pull-quotes via
design  typography  webdesign  fonts 
august 2015 by garrettc
Structured Typography with Sass Maps
"Having a flexible but consistent approach to typography ought to provide a solid base to start development. If it’s predictable and consistent, it’s easier to change later in the project. It should also be easy to set up. The less code a developer needs to write to get to a working solution the better. With all that in mind, and the recent additions of maps to Sass, I set about creating a quick-start implementation for Type."
css  typography  sass  webdesign 
april 2015 by garrettc
The best UI typeface goes unnoticed
On the surface, most of an app’s UI is exactly the type it’s set in. That’s why it matters so much. As good as any app can serve as an example, but let’s start with Weather for iOS: apart from the decorative clouds and inevitable icons, its UI is essentially pure text:
design  font  typography  userinterface  app  webdesign 
april 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
alternative typefaces
Free alternative fonts to Brandon Grotesque, Harriet and Archer.
font  typography  design 
november 2014 by garrettc
Input™
A font system for technical design by @djrrb from @fontbureau. Free for private use.
code  typography  font  development  monospace 
august 2014 by garrettc
NEONSIGNS.HK
An interactive online exhibition celebrating Hong Kong’s neon signs
architecture  hongkong  light  typography  science  art 
may 2014 by garrettc
More Surrealism From Specimen Books
Font samples from an 1892 specimen book (i.e. a type catalog for printers). They're a lot more interesting than "The quick brown fox..."
history  humour  language  typography 
may 2014 by garrettc
2001: A Space Odyssey | Typeset In The Future
Fantastically in-depth look at the typography in 2001.
design  typography  film  movie  2001 
february 2014 by garrettc
Type-o-matic
Very useful firebug extension for auditing typography settings on a site
extension  firefox  typography  firebug  webdesign  webdevelopment 
january 2014 by garrettc
Fontello
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
CopyPasteCharacter.com
Extended characters for copy and pasting.
reference  typography  font  glyphs  resource 
august 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
Modular Scale
Tool to calculate modular typography scales.
webdesign  css  typography 
november 2012 by garrettc
R(a|ela)tional Design
Wonderful overview on using modular scales for typography.
css  typography  webdesign 
november 2012 by garrettc
Responsive Measure
A jQuery plugin for responsive typography
responsivedesign  typography  webdesign 
september 2012 by garrettc
Using Fonts for Resolution Independent Assets
Josh Emerson's workflow for developing a custom web asset font file.
webdesign  webdevelopment  workflow  font  font-face  typography 
august 2012 by garrettc
The FontFeed | Fonts, Typography, Lettering, Design
"…a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world."
typography  font  typeface  design  webdesign  designthinking 
august 2012 by garrettc
« earlier      
per page:    204080120160

Copy this bookmark:





to read