Test_suite/typography

This test includes:

All A-grade browsers pass the typography test.

Undefined elements

Not defined on purpose

Some elements of HTML4 do not have defined styles on purpose. Some are deprecated (font), seldom used (bdo, applet), shouldn't be used because the internet has moved on (area) or aren't supposed to have default styles (div, span).

Winston typography doesn't define h5 and h6 because if your structure is this deep, you should be using different pages, not headings, to structure your document.

The (by default) undefined elements are applet, area, b, base, basefont, bdo, br, caption, center, col, colgroup, dfn, dir, div, frame, frameset, h5, h6, head, hr, html, i, iframe, img, input, isindex, link, map, menu, meta, noframes, noscript, object, optgroup, option, param, s, samp, script, select, small, span, strike, style, title, tt, u and var.

Defined in separate modules

All table styles are defined in winston.datagrid.css, all link styles in winston.links.0.4.css.

HTML4 elements defined (typography.common)

Element name Meaning Defined? Notes Example
a anchor Yes Used for links (links are separated in a module) This a link
em Used for emphasis Yes / emphasis
strong Used for emphasis Yes / Strong
h1 heading 1 Yes First level heading

h1 heading
h2 heading 2 Yes Second level heading

h2 heading
h3 heading 3 Yes Third level heading

h3 heading
h4 heading 4 Yes Fourth level heading

h4 heading
p paragraph Yes /

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id magna. Proin euismod vestibulum tortor. Vestibulum eget nisl. Donec interdum quam at nunc. In laoreet orci sit amet sem. In sed metus ac nunc blandit ultricies.
q inline citation Yes /

And he said May the gods be with you!
blockquote block citation Yes /

From Martin Luther Kings' famous I have a Dream-speech:

I have a dream that one day this nation will rise up and live out the true meaning of its creed: "We hold these truths to be self-evident: that all men are created equal."

Source: Youtube
ol ordered list Yes /
  1. Apple
  2. Carrot
  3. Banana
ul unordered list Yes /
  • Apple
  • Carrot
  • Banana
dl definition list Yes /
Apple
the round fruit of a tree of the rose family, which typically has thin red or green skin and crisp flesh. Many varieties have been developed as dessert or cooking fruit or for making cider.
Banana
a long curved fruit that grows in clusters and has soft pulpy flesh and yellow skin when ripe.

HTML4 elements defined (typography.uncommon)

Element name Meaning Defined? Notes Example
abbr abbreviation Yes Used for abbreviations CNN
code example code (inline) Yes /

Example code like alert("Stack... overflow") lorem ipsum...
pre example code (block) Yes / 
alert("Stack... overflow")
kbd text to be entered by the user Yes Abused for showing keyboard shortcuts ⌘+⌥+⌃
sub subscript Yes / Reference3
sup superscript Yes / Reference2
del and ins Deleted and inserted text Yes / beleif Believe in something