3 ms·

- The ragged-right doesn't work with titles that extend beyond the copy. - Don't use images for examples that are perfectly possible with just type. - Em-dash

- The ragged-right doesn't work with titles that extend beyond the copy. - Don't use images for examples that are perfectly possible with just type. - Em-dashes—like this according to convention. - In one of your examples you combine sans small-caps with regular capitals. Not good style. - Come on, there are better fonts than Georgia on my mac. Make me look at them. And there are more examples of bad style on this page. Like endtwist said, get yourself The Elements of Typography by Robert Bringhurst if you really want to learn.

discover 15y ago
- Title needs to be larger and bolder. - Main paragraph lead-in lacks visual impact and is too similar to main body text.
ugh 15y ago
- Em-dashes—like this according to convention. According to one convention. It is unusual but some style manuals require you to put spaces around m-dashes. I also don’t think that there are better serif screen fonts than Georgia by default on Macs. There is Hoefler Text which is nice (if a bit quirky and certainly polarizing) but I think having the page look the same everywhere is preferable to using Hoefler Text on the Mac and Georgia elsewhere.
huhtenberg 15y ago
> - Come on, there are better fonts than Georgia on my mac I, for one, do not have your mac.
PawelDecowski 15y ago
Although good points, most — if not all — are arguable. 1. Why not? 2. Agreed, although images are safe in that they render identically in all browsers. 3. Which convention? In the UK em-dashes are surrounded by spaces. Other conventions recommend hair-spaces. 4. Not sure which example you're talking about. 5. There's nothing wrong with Georgia.
falcolas 15y ago
You can't rely on the broad range of browsers and platforms to correctly represent a lot of the examples required to demonstrate typographical concepts - images make good sense here. And not everyone has a mac...
- BasDirks 15y ago
  Not everyone has a mac, but you can do font-family: Times, Georgia, etc So that it falls back on Georgia if the user does not have Times or whatever font is specified first. About images: I disagree, a lot of typographical details can be made to work even on IE6/7
  - falcolas 15y ago
    How would you represent individual character kerning? Demonstrate hinting, anti-aliasing, Clear Type, points, fonts that don't exist on all systems, etc. Plus, every browser is going to render things differently (and individual settings in browsers will cause inconsistencies between different installs of the same browser). A picture is simpler, and gives a consistent experience across all mediums.

discover 15y ago

- Title needs to be larger and bolder. - Main paragraph lead-in lacks visual impact and is too similar to main body text.

ugh 15y ago

- Em-dashes—like this according to convention. According to one convention. It is unusual but some style manuals require you to put spaces around m-dashes. I also don’t think that there are better serif screen fonts than Georgia by default on Macs. There is Hoefler Text which is nice (if a bit quirky and certainly polarizing) but I think having the page look the same everywhere is preferable to using Hoefler Text on the Mac and Georgia elsewhere.

huhtenberg 15y ago

> - Come on, there are better fonts than Georgia on my mac I, for one, do not have your mac.

PawelDecowski 15y ago

Although good points, most — if not all — are arguable. 1. Why not? 2. Agreed, although images are safe in that they render identically in all browsers. 3. Which convention? In the UK em-dashes are surrounded by spaces. Other conventions recommend hair-spaces. 4. Not sure which example you're talking about. 5. There's nothing wrong with Georgia.

falcolas 15y ago

You can't rely on the broad range of browsers and platforms to correctly represent a lot of the examples required to demonstrate typographical concepts - images make good sense here. And not everyone has a mac...

BasDirks 15y ago
Not everyone has a mac, but you can do font-family: Times, Georgia, etc So that it falls back on Georgia if the user does not have Times or whatever font is specified first. About images: I disagree, a lot of typographical details can be made to work even on IE6/7
- falcolas 15y ago
  How would you represent individual character kerning? Demonstrate hinting, anti-aliasing, Clear Type, points, fonts that don't exist on all systems, etc. Plus, every browser is going to render things differently (and individual settings in browsers will cause inconsistencies between different installs of the same browser). A picture is simpler, and gives a consistent experience across all mediums.