spaceninja + typography   171

Should I Use JavaScript to Load My Web Fonts?
As you can see, the advanced web font loading control offered by JavaScript still provides more than sufficient value to keep it around. You can adapt your page’s performance profile to suit a user’s network conditions, user preferences, improving the general loading behavior of self hosted fonts and third party hosting providers.
fridayfrontend  javascript  webfonts  typography  performance  css 
15 days ago by spaceninja
Implementing a variable font with fallback web fonts
With variable fonts, more typographic richness and influence is coming to the web and this at a relatively low file size. You want to benefit from that in your next web project, but still, you don’t want to bet everything on this new technique? This article will show you how to integrate a variable font in your website and use classic web fonts as a fallback.
fridayfrontend  css  webfonts  variablefonts  fallback  typography 
5 weeks ago by spaceninja
You're using <em> wrong
And I am too. And so is everybody else. …We need to start considering _why_ we are italicising text and using the right tag for it. We can make our tools better. We can make the web better.
em  italics  typography  accessibility  html  css  fridayfrontend 
6 weeks ago by spaceninja
Better Web Typography
A free web typography course for web designers & web developers.
design  typography 
8 weeks ago by spaceninja
The Font Loading Checklist
When I look back at the last four years that I’ve spent learning everything I could about web fonts and how web fonts load, I can distill it all down to a small checklist of ideals that I continue to chase. 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.
fridayfrontend  css  typography  webfonts  checklist  performance  preload  font-display 
september 2018 by spaceninja
7 Ways To Make Your Web Application More Accessible
Yet accessibility isn’t just about providing a way for people with disabilities to access your content. Writing accessible code also has positive implications on web app performance or SEO rankings. Thus, let’s delve into the seven ways you can make your web app more accessible. (I promise, it’s easy).
fridayfrontend  cssbasics  accessibility  mobile  semantics  keyboard  aria  tables  alt  color  contrast  typography 
september 2018 by spaceninja
Quotes and Accents and Dashes
We all need to use them but hardly any of us know how to type them. Here is a brief guide of how to type smart quotes and accented characters (and dashes) on a Mac.
typography  keyboard  accents  characters  quotes  reference 
august 2018 by spaceninja
Line-height Crop — a simple CSS formula to remove top space from your text
It’s a natural behavior of text elements to include some space on top (and bottom) of the element itself based on its line-height value. In some cases, you may need to remove those spaces as they can create inconsistencies in your page design. In this article we are going to take a look at how we can remove this space from the text elements using a simple SCSS mixin.
fridayfrontend  css  sass  mixins  line-height  typography 
august 2018 by spaceninja
Fitty scales text up (or down) so it fits perfectly to its parent container. Ideal for flexible and responsive websites.
typography  javascript  css  responsive 
august 2018 by spaceninja
Front-End Design Checklist
The Design Checklist for Front-End Developers is an exhaustive list of elements which can help developers to analyse and understand web designs and ensure the quality of their Front-End development.
frontend  design  checklist  grids  color  fonts  typography  styleguide 
august 2018 by spaceninja
The Web Is Not Just Left-to-Right, by Chen Hui Jing
This talk traces the parallel history of western and eastern typography from handwriting to the internet age, setting the context for how the web is a brand new medium for typesetting. CSS allows us to implement advanced typographic features and multi-directional layouts, that not only benefits internationalisation, but opens up a myriad of options for creative and interesting layouts in general as well.
fridayfrontend  video  language  rtl  ltr  typography  chinese 
august 2018 by spaceninja
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.
css  cssbasics  typography  styleguide  designsystem  design  fridayfrontend 
july 2018 by spaceninja
What is the CSS ‘ch’ Unit?
So however wide the “0” character is in a given typeface, that’s the measure of one ch.  In monospace (fixed-width) fonts, where all characters are the same width, 1ch equals one character.  In proportional (variable-width) fonts, any given character could be wider or narrower than the “0” character.
fridayfrontend  css  ch  typography  units 
july 2018 by spaceninja
Pixels vs. Ems: Users DO Change Font Size
The question was “How many users browse the main Internet Archive site with a default font size other than the common value of 16 pixels?” …We found that the answer is 3.08% of our users. That’s a pretty big number, higher than most counts of the market share of browsers like Internet Explorer, Edge, or Opera Mini.
css  cssbasics  fonts  font-size  ems  analytics  typography  accessibility  fridayfrontend 
june 2018 by spaceninja
A Reference Guide For Typography In Mobile Web Design
In terms of how to handle typography in mobile web design, it appears that simpler and safer works best. In this article, we will break down the elements you need to pay attention to in mobile typography and then visit what the research says about how to handle them.
css  cssbasics  typography  webfonts  fonts  mobile  fridayfrontend 
june 2018 by spaceninja
How to start with variable fonts on the web
Variable fonts are the font technology made for the digital era. They have the power to bring more typographic richness to the web at a lower file size. But with new possibilities and advantages new challenges and complexity arise. So what’s so hot about the next big thing since the introduction of web fonts (at least to all type nerds) and how can you use it?
fridayfrontend  css  fonts  typography  variablefonts  webfonts 
june 2018 by spaceninja
Getting Started With Variable Fonts
A variable font encapsulates the entire font family, not just one style or instance. With three out of the four major browsers already supporting variable fonts and the remainder soon to follow, the future is certainly bright for this new font technology. Explore the resources below and be ready to hit the ground running when it arrives.
css  cssbasics  fonts  typography  webfonts  variablefonts  fridayfrontend 
may 2018 by spaceninja
Variable Fonts
A simple resource for finding and trying variable fonts. The goal is to help you become more familiar with variable fonts in a way that isn’t overwhelming, while also providing straightforward info about the font projects, who made them, and where to find more info or get the fonts to use.
fridayfrontend  css  variablefonts  fonts  typography  webfonts  design 
may 2018 by spaceninja
A Deeper Look at Generic Font Names in CSS
Generic font families are a fallback mechanism, a means of preserving some of the style sheet author’s intent when none of the specified fonts are available.
css  cssbasics  fonts  font-face  typography  webfonts  generic  fridayfrontend 
may 2018 by spaceninja
Obnoxiously Readable Responsive Text with Viewport Units
There have been other incarnations of this style of JavaScript text resizing. But as far as I can tell, we had the option to retire all of these approaches when Viewport Units were well supported in 2012! If CSS can do the job, do the job in CSS. Delete your redundant JavaScripts, everyone!
fridayfrontend  css  typography  viewport  units  responsive 
may 2018 by spaceninja
Hey hey `font-display` | CSS-Tricks
Y'all know about font-display? It's pretty great. It's a CSS property that you can use within @font-face blocks to control how, visually, that font loads. What do you get from it? The ability to control FOUT and FOIT as is right for your project, two things that both kinda suck in regards to font loading.
fridayfrontend  css  typography  webfonts  performance  font-display  fout  foit 
april 2018 by spaceninja
preload with font-display: optional is an Anti-pattern
If you decide to use font-display: optional, it would be a waste of your page’s resources to also use preload. It won’t break anything, it’ll just trigger that web font request early (causing network congestion if you have other critical path resources that need to be fetched). An early request won’t buy you much if the web fonts aren’t going to render when they finish.
typography  webfonts  preload  performance  font-display  css  fout  foit 
april 2018 by spaceninja
Cropping Away Negative Impacts of Line Height
Getting rid of pesky space above and below HTML text. The key benefit of this technique is that it removes top and bottom whitespace while preserving line height between lines in a multi-line block of text:
fridayfrontend  css  line-height  layout  design  typography 
april 2018 by spaceninja
One File, Many Options: Using Variable Fonts on the Web
There’s more than various weights to consider. CSS3 introduced the font-stretch property, with values from ultra-condensed to ultra-expanded. Until now, these values only worked if you provided a separate file for each width. If you wanted every combination of weight and width in both normal and italic, you would need dozens of files. With variable fonts, we can get all this variety with a single file.
css  variablefonts  typography 
march 2018 by spaceninja
The King vs. Pawn Game of UI Design
When you strip the game down to its core, everything you learn is a universal principle.
design  buttons  ui  ux  learning  typography  accessibility  styleguide 
march 2018 by spaceninja
Web Typography: Numerals
Richard Rutter offers sage advice on numeral usage in this excerpt from Web Typography.
css  typography  numbers  font-variant-numeric 
february 2018 by spaceninja
How ANYONE can make insanely better slides
I am convinced great slide-making is a tremendous skill to develop. It will make your internal presentations more persuasive. It will help you win more business or close that round of funding. It will accelerate your career.
slides  design  typography  presentation  tips  speaking 
february 2018 by spaceninja
Web Fonts are ▢▢▢ Rocket Science by Zach Leatherman
Web fonts are difficult to get right. An often overlooked and disruptive piece of web performance, web fonts can slow down your site and leave your visitors confused and agitated. No one wants agitated visitors. In this talk we’ll discuss useful methods to render web fonts quickly and without disruption so that visitors can do what should be a simple task—read the text. After all, web fonts are not rocket science.
fridayfrontend  video  webfonts  fonts  typography  foit  fout  performance 
february 2018 by spaceninja
Shipping system fonts to
As display quality improves, so too must our use of those displays. System fonts like Apple’s San Francisco and Microsoft’s Segoe aim to do just that, taking advantage of retina screens, dynamic kerning, additional font-weights, and improved readability. If operating systems can take advantage of these changes, so too can our CSS.
fridayfrontend  css  github  typography  fonts  system 
february 2018 by spaceninja
Michael Jackson Italics
The difference between oblique, rotated, and true Italics, explained in Michael Jacksons. Image credited to Toshi Omagari.
typography  jokes  michaeljackson  italic  oblique 
february 2018 by spaceninja
How to use variable fonts in the real world
Using variable fonts in the real world turns out to be tricky. This post explains how we achieved it for the new Ampersand website and what we learned along the way.
fridayfrontend  css  typography  fonts  variablefonts 
february 2018 by spaceninja
Typography Handbook
A concise, referential guide on best web typographic practices.
fonts  typography  design  guides 
february 2018 by spaceninja
Type Terms
Welcome to Type Terms! The animated typographic cheat sheet. If you are new to typography or here to refresh your memory, then Type Terms is the perfect tool for you.
reference  fonts  typography  design 
february 2018 by spaceninja
Better Typography with Font Variants
Learn how to use font variants, including ligatures, caps, numerals and alternate glyphs, to create more precise, beautiful typography on the web.
fridayfrontend  css  typography  font-variant  ligatures  small-caps  numbers 
january 2018 by spaceninja
what are your thoughts on rems, ems, % and px?
They all do different things, so I use them all when I need their specific functionality. We don't have all these different ways because one replaces an outdated way, they all have their own pros/cons.
typography  length  units  rem  ems  px 
january 2018 by spaceninja
Tufte CSS
The goal of Tufte CSS is not to say “websites should look like this interpretation of Tufte’s books” but rather “here are some techniques Tufte developed that we’ve found useful in print; maybe you can find a way to make them useful on the web”.
edwardtufte  design  typography  styleguide  css 
january 2018 by spaceninja
How to structure your typography in Sass | Chip Cullen
Some of my guiding principles are: Do the absolute least amount possible; Err on the side of commonality; Make your life as easy as possible;
sass  css  typography  webfonts 
january 2018 by spaceninja
The Mitt Romney Web Font Problem
why loading multiple web fonts for a single typeface is dangerous.
webfonts  css  typography  mittromney  font-face 
january 2018 by spaceninja
text-rendering: optimizeLegibility is Decadent and Depraved - design, performance, tools and workflow - Bocoup
In the back of my mind, though, I knew these newfound wings were made of wax. All this typographic power came with a cost: text-rendering: optimizeLegibility is slow—and by “slow,” I mean that it can bog down an entire page, from initial render time to repaints.
text-rendering  optimizelegibility  typography  css  webfonts  kerning  ligatures 
january 2018 by spaceninja
Professional Web Typography by Donny Truong
In this site, my goal is to prove that typesetting is fun and rewarding—not intimidating.
typography  design  webfonts  css 
january 2018 by spaceninja
Typography Enhancements on Medium
Here at Medium, we’re still fighting to bring it all back. Below is a list of the things we are doing to advance on-screen typography. We wanted to share it for two reasons:
typography  medium  design  css  punctuation 
december 2017 by spaceninja
Typography Enhancements on Medium: Technical Supplement
Below are some of the technical (CSS, JavaScript, Closure) details in Medium’s typography and typesetting. Note: we use LESS, so you will see some light LESS features (mostly variables).
typography  medium  design  css  punctuation 
december 2017 by spaceninja
The curious case of the disappearing Polish S
“I just started an article in Polish. I can type in every letter, except Ś. When I press the key for Ś, the letter just doesn’t appear. It only happens on Medium.”
typography  polish  language  communism  keyboard  shortcuts  windows  internationalization 
december 2017 by spaceninja
Tailor-made text to fit your needs! Responsive text to fill the height of the parent element or ellipse it when it doesn't fit.
jquery  plugins  typography  clamp  truncate 
december 2017 by spaceninja
What Should I Look For In a UI Typeface?
This is the word “Illiterate” (capital I), set in the above five typefaces. A good UI typeface should demonstrate distinctive letterforms so that they don’t get confused with each other. A common typographic problem is how to handle the capital I and the lower case l (“L”). Especially in a word like this, if you’re not careful problems can occur.
typography  fonts  ui  design 
december 2017 by spaceninja
Font-display playground
I also wrote a small explainer and demo for font-display at . It simulates slower connections, so you can see how `font-display: optional` helps!
fridayfrontend  font-display  fonts  typography  browsers  performance 
december 2017 by spaceninja
23 Minutes of Work for Better Font Loading
Font loading can be daunting and even a little confusing at times. If you’re feeling overwhelmed by the topic, the above steps can serve as a shortlist of things you can quickly do to make an improvement to your site. It doesn’t have to be the best—just make it better!
fridayfrontend  css  fonts  webfonts  performance  typography  fout  foit 
november 2017 by spaceninja
Web Typography: Designing Tables to be Read, Not Looked At
Tables are a frequently overlooked aspect of reading, sometimes overstyled, sometimes poorly thought out. Responsiveness is a particularly thorny issue as the best solutions depend very much on the utility of the table. Tables can be packed with data, rich in content and meaning. Give them the attention they deserve.
fridayfrontend  html  css  tables  design  responsive  typography 
november 2017 by spaceninja
Keeping track of letter-spacing, some guidelines
In this post, I'm going to dive deep into a seemingly simple typesetting topic—effective use of letter-spacing—and how it relates to web typography.
fridayfrontend  css  letter-spacing  typography  kerning  tracking 
october 2017 by spaceninja
eBay’s Font Loading Strategy
Our design team made a strong case for a custom font to complement our new branding and, after multiple reviews, we all agreed it makes sense. Now it was on the engineering team to come up with an optimized implementation that not only uses the new custom font, but also tackles the performance overhead. This post gives a quick overview of the strategy we use at eBay to load custom web fonts.
fridayfrontend  css  fonts  typography  font-face  webfonts  fout 
october 2017 by spaceninja
A Five Minutes Guide to Better Typography
Don't nerd over typefaces, just pick one / Think type as blocks / Align with your eyes / Hierarchy first / Use contrast / Fine-tune with spacing.
fridayfrontend  design  typography  bestpractices  guide 
october 2017 by spaceninja
Writing CSS with Accessibility in Mind
By getting DOM and focus order right and by caring about high contrast and generally by designing with accessibility in mind, you’re already doing a great job. If you put a little more accessibility consideration in every new page or site you’re making, you’re making the web a better place.
fridayfrontend  css  accessibility  focus  order  color  contrast  typography 
september 2017 by spaceninja
If you really dislike FOUT, `font-display: optional` might be your jam
The story of FOUT is so fascinating. Browsers used to do it: show a "fallback" font while a custom font loads, then flop out the text once it has. The industry kinda hated it, because it felt jerky and could cause re-layout. So browsers changed and started hiding text until the custom font loaded. The industry hated that even more. Nothing worse than a page with no text at all!
fridayfrontend  css  fonts  webfonts  typography  fout  font-display 
august 2017 by spaceninja
6 Tips that Will Improve Your Typography on Your UI
Good typography takes a great deal of patience and attention to detail but when done thoughtfully, it can really elevate your design. I hope these tips help you with your design and make you more aware of some of the details that are considered when creating a typographic composition.
fridayfrontend  css  typography  design 
august 2017 by spaceninja
Font Aliasing, or How to Rename a Font in CSS
Are you tired of developers abusing the smooth traditionalism of Helvetica? Do you wish your web page was a little bit more fun? Do you also want to avoid discussing things with your peers? Well, do I have some code for you. Add this little block into your project and it will globally alias (rename) Helvetica to Comic Sans MS (and Chalkboard SE, browser support). (Yes, I know I recently wrote a blog post about anti-aliasing—that’s a different thing.)
fridayfrontend  css  fonts  webfonts  typography  local  aliasing 
august 2017 by spaceninja
Multi-line Padded Text with the CSS box-decoration-break Property
In this snippet, we introduce the box-decoration-break property and take a look at the granular control it gives us on inline elements, like creating multi-line padded text.
fridayfrontend  css  box-decoration-break  highlight  typography 
june 2017 by spaceninja
Hanging Punctuation in CSS with @supports and Custom Properties
Hanging punctuation currently supported in Safari 10; faked in other browsers.
fridayfrontend  css  hanging-punctuation  typography 
june 2017 by spaceninja
Your Body Text Is Too Small
Why would we limit the effectiveness of body text by minimizing its size to a browser-default that’s now over 20 years old, even on large displays?
fridayfrontend  css  design  ux  usability  accessibility  typography 
june 2017 by spaceninja
Advanced vertical margins
How the adjacent sibling selector can solve complex design requirements while maintaining readable CSS.
fridayfrontend  css  vertical  margins  layout  typography 
may 2017 by spaceninja
Text Effects with CSS (and a little contenteditable trick)
Mandy Michael has been creating some incredible text effects with just the power of CSS. She uses every trick in the book: gradients, transforms, pseudo elements, shadows, and clipping paths to name a few. They are all real web text too. Custom fonts typically, but no images, canvas, or SVG or anything like that.
fridayfrontend  css  typography  contenteditable  javascript 
april 2017 by spaceninja
Web Fonts: Power Up!
Sure, everyone uses WebFonts now. But are you using the full capabilities of modern OpenType fonts, with your CSS? Did you know how to get tabular or lining numerals, how to avoid fake smallcaps? Are you up to speed on chromatic fonts? And what is coming in the future, like Variation Fonts? Are you ready to power up on webfonts?
fridayfrontend  video  css  fonts  webfonts  typography 
february 2017 by spaceninja
3 Things You’ll Need to Do When Using a Large Font Size
"There are adjustments to be made in order for the big text to make our design bold and attractive. Today I’d like to talk about 3 things that you will need to do if you are using a large font size."
fridayfrontend  fonts  typography  webfonts  leading  kerning 
january 2017 by spaceninja
No @font-face Syntax will ever be Bulletproof, Nor Should It Be
The bulletproof @font-face syntax is obsolete, and can be simplified by removing OTF, EOT, and SVG
fridayfrontend  fonts  typography  webfonts  svg  ttf  eot  woff 
december 2016 by spaceninja
Dashes in Web Typography
Useful chart showing the different dashes available on the web.
typography  dashes  hyphens 
december 2016 by spaceninja
ET Book · Edward Tufte on GitHub
"ET Book is a Bembo-like font for the computer designed by Dmitry Krasny, Bonnie Scranton, and Edward Tufte. It is free and open-source."
fonts  typography  opensource  free 
december 2016 by spaceninja
Get the Balance Right: Responsive Display Text
"Richard Rutter shepherds a tea towel onto our collective heads and describes a technique for responsively scaling display text to maintain a consistent feel in both landscape and portrait screen orientations. That should put things back into proportion."
fridayfrontend  css  responsive  typography  viewport 
december 2016 by spaceninja
Lazy Loading Web Fonts Is Probably Not What You Want
"Lazy loading is actually much worse for readers than doing nothing—a reader could be a few paragraphs deep into your content before the text becomes invisible!"
fridayfrontend  webfonts  typography  fout  foit  lazyload  css 
december 2016 by spaceninja
Saving the internet 2000 terabytes a day: fixing Font Awesome's fonts – Pixelambacht
"With Font Awesome being used on 73 million websites now, every byte matters. And there’s quite a few things we can do to trim the fat on Font Awesome’s fonts."
fridayfrontend  fonts  typography  webfonts  fontawesome  optimization  performance 
december 2016 by spaceninja
Font style matcher
"If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that."
fridayfrontend  css  webfonts  typography  fonts  tools  fouc 
december 2016 by spaceninja
Popular Fonts & Webfonts - YouWorkForThem
Fancy fonts, especially handwriting and script
fonts  typography 
november 2016 by spaceninja
Web fonts, boy, I don't know
"Listen: it doesn’t have to be this way. You can lazy load your font. It’s 4 lines of JavaScript. 7 if you’re being ambitious."
fridayfrontend  javascript  fonts  lazyload  typography  webfonts  fout  foit  fouc 
november 2016 by spaceninja
The A-Z of typographic terms
"As type designers we can get immersed in an insular typographical bubble at times. It’s easy to forget that our language, the lingo, words and terms that we use to discuss, critique and refine our designs is under the constant pressure of discourse and scrutiny within, often redefining itself."
typography  reference  design 
november 2016 by spaceninja
The New System Font Stack?
"Relatively recently, some websites and web applications have been adopting a new method for using system fonts in the browser. With this method, the fonts used by different systems are explicitly called themselves in the font-family property."
fridayfrontend  typography  webfonts  system  fonts  css 
september 2016 by spaceninja
The math of CSS locks
"When I tried wrapping my head around Tim’s implementation, and creating variants of it, I had a hard time figuring out what was going on exactly. I did a lot of back-of-the-envelope calculations, and I thought it would be useful to share a mathematical explanation."
fridayfrontend  css  math  locks  responsive  typography 
september 2016 by spaceninja
Better CSS Drop Caps With “initial-letter”
It’s a typographic tradition as old as the history of typesetting itself, and these days we can emulate it with CSS using the ::first-letter pseudo element. Styling that first letter, however, is notoriously clumsy, but the proposed initial-letter property aims to fix that. Let’s examine what it is, what we can do with it, and what we can expect in the future.
fridayfrontend  typography  dropcaps  first-letter  initial-letter  css 
september 2016 by spaceninja
Webfonts on the Prairie · An A List Apart Article
"Richard Fink first wrote about webfonts for A List Apart in 2010. Back then, those of us making the web were itching to break away from so-called “web-safe” fonts. And break away we did: by 2016, roughly 60 percent of sites were reportedly using webfonts, up from just two percent in 2011. Webfonts and, by extension, web typography, have blossomed. So surely no one would argue for a return to system fonts, right? Wrong. This article teases apart the arguments for and against."
fridayfrontend  typography  fonts  system  webfonts  performance 
september 2016 by spaceninja
« earlier      
per page:    204080120160

related tags

3d  5e  accents  accessibility  advice  aliasing  alignment  alt  analytics  antialiasing  antipatterns  api  aria  arial  ascii  async  awesome  background-clip  baseline  bestpractices  black  blur  bold  bookmarklets  box-decoration-break  box-shadow  browsers  bugs  bulletproof  buttons  calc  cfps  ch  characterentities  characters  cheatsheet  checklist  chinese  chrome  clamp  color  comics  commercial  communism  condensed  console  contenteditable  contrast  critical  css  cssbasics  dashes  demos  depthoffield  design  designsystem  devtools  dnd  dropcaps  editors  edwardtufte  ellipsis  em  ems  entities  eot  fallback  faux  first-letter  flexible  fluid  focus  foft  foit  font-display  font-face  font-feature-settings  font-size  font-variant  font-variant-numeric  fontawesome  fontdeck  fonts  fouc  fout  frameworks  free  fridayfrontend  frontend  generator  generic  github  glyphs  google  grammar  grids  guide  guides  gulp  hanging-punctuation  headers  helvetica  highlight  html  hyphens  icons  ie  ie6  ie7  ie8  initial-letter  inspiration  internationalization  ios  italic  italics  javascript  jokes  jquery  kerning  keyboard  language  layout  lazyload  leading  learning  length  less  letter-spacing  lettering  ligatures  line-height  linelength  lists  loader  local  locks  ltr  mac  margins  mask-image  masks  math  mediaqueries  medium  michaeljackson  mittromney  mixins  mobile  monospace  native  numbers  oblique  office  opensource  opentype  optimization  optimizelegibility  order  otf  overflow  performance  plugins  polish  preload  preparation  presentation  print  printing  progressive  proportional  punctuation  px  quickreference  quotes  raphlevien  readability  reference  rem  rendering  responsive  retina  rgba  rotate  rpgs  rtl  rules  rwd  safari  sass  scale  scaling  semantics  shadows  shortcuts  skew  slides  small-caps  speaking  sprites  standards  styleguide  subpixel  svg  symbols  system  tables  tests  text-rendering  text-shadow  themes  tips  tools  tracking  tradition  transforms  transitions  trim  truncate  ttf  tuning  typekit  typesetter  typography  ui  units  usability  ux  variablefonts  vertical  vertical-align  vh  video  viewport  vw  webapps  webfonts  webink  webkit  widows  windows  woff  wordpress  writing-mode 

Copy this bookmark: