2015
Responsive Typography with Sass Maps
by 84GHzSass maps make responsive typography much more manageable.
The Fonts - Lato
by sbrothierLato is a sanserif typeface family designed in the Summer 2010 by Warsaw-based designer Łukasz Dziedzic (“Lato” means “Summer” in Polish). In December 2010 the Lato family was published under the open-source Open Font License by his foundry tyPoland, with support from Google.
2014
FF Subsetter - Optimize your Web FontFont
by sbrothier & 2 others (via)Web FontFonts are built to serve most people’s needs, and often contain a huge number of glyphs. Yet most of the time you’ll only need a few of them! By dropping what you don’t need, you can greatly reduce the font file size to optimize bandwidth usage, make your websites faster, and reduce high-traffic costs.
Better Font Smoothing in Chrome & Safari | Intridea Blog
by sbrothierThe battle for consistent font smoothing is a universal struggle for web designers. Photoshop has its own proprietary way of displaying type, none of which accurately reflect browser rendering. Every browser renders type in its own way AND even operating systems have their own method of text rendering. Oy!
Advanced web typography: Kerning » Blog » Elliot Jay Stocks
by sbrothierThe simplest way to turn on kerning is to use text-rendering: optimizeLegibility;, which, depending on the browser, will also enable other OpenType features. Like I said yesterday, though, that this isn’t an official CSS property and in theory could become unsupported at any time. It’s also been known to cause a few issues.
Font-To-Width
by 84GHz (via)Font‑To‑Width does not scale the font-size. Instead, it chooses a width or weight variant according to what fits best, and then allows for letter- and word-spacing adjustments as needed.
Best New Web Fonts of 2013 | Design in the browser with web fonts and real content — Typecast
by sbrothier2013 was a big step forward in the quest for a more beautiful, readable web. We saw an impressive 160% increase in the number of sites adopting custom web fonts and were spoiled with an unprecedented selection of faces that excel on screen. Today, Jake Giltsoff presents his favorites from the Class of 2013—those brand new designs that you’ll defo want to try out in the year ahead
2013
Tailor-Made Type for Web Design | Design in the browser with web fonts and real content — Typecast
by sbrothierAs we all know, just because a font is available on the web does not mean it was designed for the web. Today, Dan Eden looks at a few screen-optimized typefaces available from Fonts.com, which are also free for all Typecast customers to use on live sites!
Welcome to Cloud.typography | Webfonts by H&FJ
by sbrothier & 1 other (via)Now all your communications can speak in the same clear voice. Introducing Cloud.typography from H&FJ, the webfont solution for design professionals.
Web fonts from Linotype.com - Font Technology
by sbrothierLicensing Web fonts from Linotype.com is straightforward and easy to understand. Simply pay for the number of pageviews you think you’ll need. If you use all of your pageviews, come back to add more.
Google Webfonts that Don’t Suck | SachaGreif.com
by sbrothierWebfonts services like Typekit are great, but for a lot of cases they’re just not practical.
For example, if you’re developing a WordPress theme, you can’t ask potential buyers to buy a monthly subscription, and you can’t bundle a font with the theme either unless it’s free.
Free online font converter
by sbrothier & 4 othersThe Online Font Converter is a 100% free service. The Online Font Converter converts fonts to/from: .pdf .dfont .eot .otf .pfb .tfm .pfm .suit .svg .ttf .pfa .bin .pt3 .ps .t42 .cff .afm .ttc & .woff
2012
Convert Woff Web Font => OpenType Font
by sbrothier & 1 otherNow you can use the woff font in your mockup, lets say you found some cool free font on the web and its in woff forma and you want to see how it will look in your mockup. But no graphics program will let you use the woff font format as a regular font.
That's where this nice little tool comes in.(since the above happen to me) Here you can bridge the gap between the graphics program and the woff font.