Here is some normal text to compare

Heading 1: this should be bold, small caps, italic, double the size of normal text and with double linespacing. [1]

Heading 2: probably bold, and a little bit smaller than normal, white text on a navy background [2]. (Yes, it does rather mess with the visual hierarchy.) There's also 10px of padding [3]. Now you see how dangerous the bugs in Omniweb are!

Heading 3: 1.2 times normal, italic, and sans-serif. [4]

Heading 4: red text, defined as #F00. [5]

Heading 5: red defined in a different way (RGB(256,0,0)). [6]
Heading 6: also red, defined in RGB percentages. [7]

There is a DIV here and then a paragraph with a link. The paragraph should have a first line indenting of 5 em. Here is a bunch of text to make this obvious. Still more text to ensure this paragraph spans more than one or two lines. There, that should be enough.[8]

This is BIG text in the DIV. It should be one and a half times normal size. The next three paragraphs should all have the same formatting even though they use different means to get there. [9]

This is a paragraph. This paragraph should be small caps, italic and with double line spacing. The font should be Georgia, Baskerville, New Baskerville, Palatino or as a last resort, your default serif typeface. The styles were set by defining an id of "special", and then defining the styles for the id. The styles are defined in compact "font:" syntax. [10]

This is a paragraph. This paragraph should be small caps, italic and with double line spacing. The font should be Georgia, Baskerville, New Baskerville, Palatino or as a last resort, your default serif typeface. The styles are defined inline using a style attribute and compact syntax, exactly as they are for the previous paragraph. [11]

This is a paragraph. This paragraph should be small caps, italic and with double line spacing. The font should be Georgia, Baskerville, New Baskerville, Palatino or as a last resort, your default serif typeface. The styles are defined inline using a style attribute and expanded syntax (multiple style rules). [12]

Heading is a light weight, not bold [13]And hopefully condensed if your browser supports font-stretch [14]
cells havefont-size-adjust:1.2 [15]
assigned to themDoes it affect the size?
Heading should be italic [16]and not bold [17]
Ordinary cells should be oblique [18]Which is slanted
Is there a difference?How would you tell?

This is a rather longer paragraph with an acronym (NATO) and an abbreviation (abbr.). Do you get any text or tooltip when you hover your mouse over them? There is a SPAN in here that should also have a tooltip and a SPAN with two class attributes. If it is green text on yellow, your browser supports multiple classes [19].

  1. First, we have extra-extra large text [22]
  2. Second, we have extra-large text [23]
  3. Third, we have large text [24]
  4. Fourth, we have medium text – it should be the same as point 2 in the previous list. [25]
  5. Fifth, we have small text [26]
  6. Sixth, we have extra-small text [27]
  7. Finally, we have teeny-tiny extra-extra-small text.[28]
  1. First, we have 9-pixel text [29]
  2. Second, we have 10-pixel text [30]
  3. Third, we have 11-pixel text [31]
  4. Fourth, we have 12-pixel text. Some Mac browsers use this as their default. [32]
  5. Fourth, we have 75%-sized text. If your browsers uses 16px as its default, then this should be 12 pixels high, the same as the line above. [33]
  6. Fifth, we have 14-pixel text [34]
  7. Sixth, we have 16-pixel text – a common default for browsers [35]
  8. Finally, we have 18-pixel text. [36]
CodeBitch
Grumpy cow who rants about web standards. She says Support standards, but only IE5/Mac, Netscape 6, iCab and Opera put quote marks around it.
Gay Blade
Rumorologist extraordinaire who writes the Naked Mole Rat Report, which should be bold (weight 700) and cursive font, [37] if your browser does cursive font. The Definition terms (CodeBitch and Gay Blade) should also be bold and cursive, but larger [38]

Some code, some keyboard input, some sample text and a variable, followed by a blockquote. The code should be the browser's default [39]. The keyboard input should be bold, standard font size and either Courier or your default monospace font [40]. The sample text and variable should be as for the keyboard input, except that they are "larger". [41]

MacEdition strives to provide helpful, useful, well-reasoned analysis and commentary. In cases where we present facts, we expect to be accurate. In cases of opinion, we expect to be clear. In cases of speculation, we expect to do so judiciously, and with a keen eye to reality. We also expect that this blockquote region has a line-height of 3ex, or roughly one-and-a-half spacing.[42]
CodeBitch
1 April 2001
See something that doesn't match what is described on this page? E-mail the CodeBitch with the number in square brackets corresponding to the things that don't work in your browser. Include the name and version or build number of the browser you are using.