PUBLIC MARKS from sbrothier with tags fonts & typography

Our web design community loves to share tips and tricks, and often this means showing what’s happening under the hood. So this month, Jake Giltsoff has found 10 typefaces that will make your code snippets look great in everything from personal how-to blogs to tech pub tutorials.

New sketches from Mr Cromso imagine the offspring of five pairs of familiar typefaces.

It was big news in 2013 when Commercial Type and Hoefler & Co. finally started carrying web fonts. The important act of font choice extended to web options with this development. There were more than 550 new releases announced last year on TYPECACHE! So, it took us some time to review all of the great work from last year. We created another roundup of what we regard as the great typefaces from 2013.

Today, designer Val Head builds a demo to show us how to create great looking typography for all screen sizes and resolutions without a dev’s expert assistance and without a lot of complex code.

Gotham is one hell of a typeface. Its Os are round, its capital letters sturdy and square, and it has the simplicity of a geometric sans without feeling clinical. The inspiration for Gotham is the lettering on signs at the Port Authority, manly works using “the type of letter that an engineer would make,” according to Tobias Frere-Jones, who is widely credited with designing the font for GQ magazine in 2000. Critics have praised Gotham as blue collar, nostalgic yet “exquisitely contemporary,” and “simply self evident.”

Our online converter converts fonts between major font formats. Supported font formats: - TrueType (.ttf) - OpenType (.otf) - PostScript Type 1 (.pfb) - Macintosh OS X Data Fork (.dfont)

As we bring February to a close—a month for all things lovey dovey—Jake and Dan have teamed up to bring you 10 of typography’s most crush-worthy foundries.

2013 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

You asked, Font Awesome delivers with 11 shiny new icons in version 4.0. Want to request new icons? Here's how. Need vectors or want to use on the desktop? Check the cheatsheet.

In our last post we announced Octicons, our new icon font. We put a lot of work into the font and gained a lot of knowledge in the process. With five different designers working to make it happen, this was one of our bigger collaborations. We thought we'd detail how we built Octicons and what we learned along the way.

Glyphs’ smart and simple approach helps you draw new typefaces, modify existing fonts, and sculpt your letterforms hassle-free.

Icon fonts are awesome. Other than the fact that they have to be single color, they are superior to using images as icons in every way. But which do you choose? There are loads of different sets out there. I'm going to attempt to round them all up here and keep this updated (this post has already been updated several times).

“WHIMSICAL, EXTRAVAGANT AND SO INFUSED WITH CHARACTER” Is a bit of what’s being said about our fonts. (And we are delighted to hear it.)

SkyFonts is a revolutionary new service for those that love to try out new typefaces. The SkyFonts service expands creative freedom by providing on-demand access to thousands of fully-functioning fonts for use within all of your applications and devices. Give any font a try for free. If you like it, pay for it for only as long as you need it.

A headline typeface in two styles; round and square, based on the androgyny of Grace Jones. It has been widely used by different designers including Bureau Mirko Borsche where I designed the first issue of Super Paper. The fonts will be available for download soon. You can subscribe to the Newsletter (at the bottom) to stay updated. Supervised by Ian Party

Symbolsets are semantic symbol fonts. They work in modern browsers and anywhere OpenType features are supported.

Droid Naskh is an Arabic type designed in 2010 for use in Google™ products such as Google Chrome™ and Android™. Designed to complement the Latin, Greek and Cyrillic provided in the Droid Serif family, the Arabic matches the color, alignment and design detail of the Droid Serif allowing them to be used together for multi-lingual typesetting. This Naskh style is optimized for reading Arabic script on screen. Droid Naskh was designed in collaboration with Ascendercorp and Google to ensure that all the requirements for a screen and web font are met. Google performed several surveys and tests on the fonts during the design and development process.

Arabic graphic design and typography

Intro family includes 26 very unique font styles & weights. The font family is characterized by excellent legibility in both – web & print design areas, well-finished geometric designs, optimized kerning etc. Intro is most suitable for headlines of all sizes, as well as for text blocks that come in both maximum and minimum variations. The font styles are applicable for any type of graphic design – web, print, motion graphics, etc. and perfect for t-shirts and other items like posters and logos.

A collection of nice font stacks. Inspired by Typestacks. Fonts from Typekit. Stacks with a price label indicate that certain fonts are only available on one of Typekit’s paid plans. If you ask me, it’s worth every penny. Go sign up.

The FontShop Plugin Beta allows designers and other type enthusiasts to try out FontShop fonts directly inside Adobe® Photoshop® CS5 and CS5.5. You can preview any of the over 150,000 FontShop fonts for free, in the context of your own artwork. This is a great new way to find the perfect typographic fit for your project.

There are over 400 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory.

Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small. Install the OpenType file for Photoshop mockups and drop in the @font-face code into your CSS to embed them right in your Web page. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels.