jpcody + typography 43
The New Bulletproof @Font-Face Syntax | Fontspring
february 2011 by jpcody
Since the beginning of the 'webfont revolution' we've relied on somewhat hacky @font-face declarations to get webfonts loading cross-browser. Could there be a better way? One that's clear and compatible with future browsers?
css
css3
font-face
typography
february 2011 by jpcody
24 ways: Using the WebFont Loader to Make Browsers Behave the Same
january 2011 by jpcody
The WebFont Loader tells you when the following events happen as a browser downloads web fonts (or loads them from cache):
typography
webfonts
javascript
fonts
january 2011 by jpcody
H&FJ Fonts: Finishing Touches
october 2010 by jpcody
As you'll read below, it's something that we added because we felt it mattered. Even if it helped only a small number of designers solve a subtle and esoteric problem, we couldn't rest knowing that an unsettling typographic moment might otherwise lie in wait. We've always believed that a good typeface is the product of thousands of decisions like these, so we invite you to join us on a behind-the-scenes look at some of the invisible details that go into every font from H&FJ.
typography
details
hfj
october 2010 by jpcody
Pictos
august 2010 by jpcody
Hand Crafted, Infinitely Scalable & Royalty-Free Icons for User Interface Designers
icons
resources
typography
august 2010 by jpcody
FAQ Pronunciation | Typophile
july 2010 by jpcody
Following is a list of names and their correct pronunciations (using English orthography):
typography
fonts
pronunciation
july 2010 by jpcody
Adobe - Fonts : Type topics: Use the right character
july 2010 by jpcody
The difference between an amateur document and a professional one can be a matter of details. The following topics cover some of the most commonly overlooked or incorrectly handled details of typography.
typography
july 2010 by jpcody
H&FJ News | Hoefler & Frere-Jones
may 2010 by jpcody
Lately I've been wondering if it might be possible to abstract from these examples some generalities about font pairings, and have come up with a couple of thoughts. Curiously, everything seems to revolve around a single idea about how fonts relate: you’ll find the whole story below. —JH
typography
fonts
font-pairing
may 2010 by jpcody
Revised Font Stack | A Way Back
february 2010 by jpcody
Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts.
fontstack
font-face
typography
webdesign
february 2010 by jpcody
Flickr: History of the Book, Amsterdam's Photostream
january 2010 by jpcody
a wonderfully ambitious project hoping to assemble a collection of some 20,000 photos of initials, ornaments and type from Royal Library, The Hague, and the Archive at Alkmaar.
typography
lettering
swashes
fleurons
january 2010 by jpcody
24 ways: Type-Inspired Interfaces
december 2009 by jpcody
One of the things that terrifies me most about a new project is the starting point. How is the content laid out? What colors do I pick? Once things like that are decided, it becomes significantly easier to continue design, but it’s the blank page where I spend the most time.
To that end, I often start by choosing type. I don’t need to worry about colors or layout or anything else… just the right typefaces that support the art direction.
typography
thought
process
To that end, I often start by choosing type. I don’t need to worry about colors or layout or anything else… just the right typefaces that support the art direction.
december 2009 by jpcody
Create a Steam Powered Typographic Treatment
october 2009 by jpcody
Cool little typographic effect in case I ever need to steampunk some text out, yo.
typography
photoshop
tutorials
october 2009 by jpcody
grain edit · Daily Drop Cap
october 2009 by jpcody
Consider using these daily drop caps.
typography
lettering
october 2009 by jpcody
Pentagram 2010 Typographic Calendar Now Available | New at Pentagram | Pentagram
october 2009 by jpcody
I guess this one can go on the wish list.
typography
buy
october 2009 by jpcody
How to Create Inset Typography in Photoshop
september 2009 by jpcody
inset letterpress type treatment
photoshop
tutorials
typography
september 2009 by jpcody
Typeradio, now we are talking
august 2009 by jpcody
Interviews about typefaces with their designers, archived by face.
typography
podcast
august 2009 by jpcody
Nice Web Type likes Bello and Proxima Nova
july 2009 by jpcody
Example of TypeKit in use.
typekit
typography
july 2009 by jpcody
Useful glossaries
may 2009 by jpcody
Not super helpful, but maybe a last ditch resource. Basically a huge list of various glossaries.
typography
marketing
html
javascript
may 2009 by jpcody
Typography tutorials
march 2009 by jpcody
photoshop type tutorials and explanations
photoshop
typography
march 2009 by jpcody
related tags
37signals ⊕ buy ⊕ clarendon ⊕ comicsans ⊕ css ⊕ css3 ⊕ design ⊕ details ⊕ fleurons ⊕ font-face ⊕ font-pairing ⊕ fonts ⊕ fontstack ⊕ hfj ⊕ html ⊕ humor ⊕ icons ⊕ illustration ⊕ illustrator ⊕ inspiration ⊕ javascript ⊕ lettering ⊕ logos ⊕ marketing ⊕ mcsweeneys ⊕ photoshop ⊕ podcast ⊕ process ⊕ pronunciation ⊕ resources ⊕ smashing-magazine ⊕ swashes ⊕ thought ⊕ tutorials ⊕ typekit ⊕ typography ⊖ webdesign ⊕ webfonts ⊕Copy this bookmark: