Typography Handbook(s)
I ran across this Typography Handbook the other day and thought it was very well done. It gets you right away by looking at two resumes and having your rather instinctively prefer the one with nice type, even though the …
I ran across this Typography Handbook the other day and thought it was very well done. It gets you right away by looking at two resumes and having your rather instinctively prefer the one with nice type, even though the …
Dave and I started the latest ShopTalk Show with an audio clip from Tim Brown responding to some of our previous chatter regarding vertical rhythm (and such). Transcription here. It sparked another interesting conversation about these things.
A small …
I hope you read that title out loud in your best Seinfeld impression.
A recent question in our forums made me aware that there are more properties that can be added to @font-face
than the usual font-family
and src
suspects. …
Adam Morse makes the case against webfonts:
…Typography is not about aesthetics, it’s about serving the text. If even a small percentage of people don’t consume your content due to a use of webfonts, your typography is failing.
All
Richard Rutter’s guide for setting the font-size
of an element is interesting: he argues that we should use both em
and rem
units depending on the relationship it might have with other elements on the page:
…Take the example of
Harry Roberts suggest very minimal styles for h1-h6, then using heading-specific class names to actually style them, regardless of what element they turn out to be.
I could get behind that. In the past I’ve done .h1, .h2, etc rather …
This property gives developers the ability to set the font-size
of an element depending on the size of its lowercase letters, rather than the uppercase letters.
.element {
font-size: 22px;
font-size-adjust: .5;
}
In this case the lowercase letters of …
The hanging-punctuation
property aims at giving web designers a finer grained control over typography on the web.
The idea behind hanging punctuation is to put some punctuation characters from start (or to a lesser extend at the end) of text …
There are values in CSS that are for sizing things in relation to the viewport (the size of the browser window). They are called viewport units, and there are a number of them that do slightly different (all useful) …
If you only have a single word or a single line of text, there is a clever way to vertically center it in a block with CSS. You set the line-height of that text to be equal to the height…