public marks

PUBLIC MARKS with tag typography

May 2012

Applying Macrotypography For A More Readable Web Page | Smashing Magazine

by sbrothier
Any application of typography can be divided into two arenas: micro and macro. Understanding the difference between the two is especially useful when crafting a reading experience, because it allows the designer to know when to focus on legibility and when to focus on readability.

Viewport Sized Typography | CSS-Tricks

by sbrothier
CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. It is relevant to bring up now, because it's shipping in Chrome 20 (canary at the time of this writing). And not behind a flag, it just works. Production usage isn't quite there, but it will be soon enough.

April 2012

FontShop Plugin | FontShop

by sbrothier
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.

Beautiful web type — the best typefaces from the Google web fonts directory

by sbrothier & 8 others
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.

Love Hotels and Unicode | ReignDesign

by sbrothier & 1 other
On Sunday 28 October I attended Shanghai Barcamp 9, organised by TechYizu. It was great to catch up with everyone in the local tech scene. Barcamps are "unconferences", meaning anyone can show up without registering, and give a talk on a geeky topic of their choice. Here's my talk from the event, on love hotels and Unicode.

March 2012

Social Media Icons | Fontfabric™

by sbrothier
Every single icon matches a particular key on your keyboard – for example, the lower caps of the basic Latin alphabet form the more popular social icons in a circle, while the representations in capital letters of the same alphabet show them without the circle formation – in their pure form (you can find a detailed tutorial depicted on the last image of the presentaton). The social icons font is very convenient and easy to use for web design in themes, page layouts etc, as well as for every type of print or offline design. Have fun!

February 2012

Merci Mamie ©

by sbrothier
Et soudain à l’horizon de nos chimères d’urbains passablement blasés que voyons-nous? Des frusques que nous n’aimerons plus dans quelques saisons? Des visages dont la grâce se sera évanouie en un battement de faux cils ? Alors vers qui se tourner? Vers quoi? Vers l’enfance, cette délicieuse contrée de plaisirs sucrés où tout n’était que jeu. En ce royaume oublié régnait une femme. Mamie. De ses longues mains osseuses et dans la lueur bleutée de ses cheveux, mamie nous choyait comme des bienheureux en nous faisant croire que cette vie durerait toujours. Mamie fut notre muse, notre bienfaitrice à tous. Merci Mamie est un hommage à cet âge d’or perdu, à ces femmes qui nous faisaient entrer quelques semaines de vacances par an dans l’illusion de l’innocence. Merci mamie est un manifeste contre la jeunesse en perte de valeurs et d’idéaux. Mamie est là quelque part, elle vous ouvre son cœur.

Modern Pictograms - The Design Office

by sbrothier & 1 other
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.

Our Favorite Typefaces of 2011 | Typeface Reviews | Typographica

by sbrothier
After a long hiatus (inexcusably skipping 2009 and ’10) we’re back with our annual review of the year in type.

January 2012

Home | Design in the browser with web fonts and real content — Typecast

by sbrothier & 1 other
The web’s most beautiful typefaces Try typefaces from the web’s best known web font services. Design with real content Kiss goodbye to Lorum Ipsum. Get real web content in place, fast. Create HTML & CSS in the browser Quickly get to a working, standards-compliant prototype.

BAG of BEES / Typecast Promo Tee

by sbrothier
We were asked to summarise everything that’s good about a new web typography application, on a tshirt. Here’s what we did.


by sbrothier
swissted is an ongoing project by graphic designer mike joyce, owner of stereotype design in new york city. drawing from his love of punk rock and swiss modernism, two movements that have absolutely nothing to do with one another, mike has redesigned vintage punk, hardcore, and indie rock show flyers into international typographic style posters. each poster is sized to the standard swiss kiosk dimensions of 35.5 inches wide by 50 inches high and set in berthold akzidenz grotesk medium, all lowercase. every single one of these shows actually happened.

December 2011

Xmas presents for type fans | Fontdeck Blog

by sbrothier
A massive Christmas list of fabulous gifts for the type geek, letter lover or font fan in your life Unicode Character Recognition

by sbrothier
This is a tool to help you find Unicode characters. Finding a specific character whose name you don't know is cumbersome. On, all you need to know is the shape of the character!

November 2011

October 2011

Kern Type, the kerning game

by sbrothier & 3 others, 2 comments
Instructions Your mission is simple: achieve pleasant and readable text by distributing the space between letters. Typographers call this activity kerning. Your solution will be compared to typographer's solution, and you will be given a score depending on how close you nailed it. Good luck!

September 2011

Samuel L Ipsum

by sbrothier & 1 other
Alternative Lorem Ipsum Generator - multaflunt simulacris

PUBLIC TAGS related to tag typography

<3 +   @font-face +   affiche +   art +   blog +   calculator +   cinema +   covers +   css +   css3 +   design +   edition +   em +   firefox +   font +   font-face +   fonts +   foundry +   framework +   free +   games +   google +   graphic +   graphisme +   grid +   illustration +   inspiration +   installation +   iphone +   javascript +   location:japan +   motiondesign +   music +   opensource +   portfolio +   poster +   print +   reference +   resources +   shop +   site +   studio +   t-shirts +   tools +   video +   web +   webdesign +   webdev +   webfonts +   wordpress +