This test exercises the 'font' shorthand property in CSS computed styles.

On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".


PASS computedFont('10px sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFont('10px sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFont('10px SANS-SERIF') is 'normal normal normal 10px/12px sans-serif'
PASS computedFont('12px sans-serif') is 'normal normal normal 12px/14px sans-serif'
PASS computedFont('12px  sans-serif') is 'normal normal normal 12px/14px sans-serif'
PASS computedFont('10px sans-serif, sans-serif') is 'normal normal normal 10px/12px sans-serif, sans-serif'
PASS computedFont('10px sans-serif, serif') is 'normal normal normal 10px/12px sans-serif, serif'
PASS computedFont('12px ahem') is 'normal normal normal 12px/12px ahem'
PASS computedFont('12px unlikely-font-name') is 'normal normal normal 12px/14px unlikely-font-name'
PASS computedFont('100 10px sans-serif') is 'normal normal 100 10px/12px sans-serif'
PASS computedFont('200 10px sans-serif') is 'normal normal 200 10px/12px sans-serif'
PASS computedFont('300 10px sans-serif') is 'normal normal 300 10px/12px sans-serif'
PASS computedFont('400 10px sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFont('normal 10px sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFont('500 10px sans-serif') is 'normal normal 500 10px/12px sans-serif'
PASS computedFont('600 10px sans-serif') is 'normal normal 600 10px/12px sans-serif'
PASS computedFont('700 10px sans-serif') is 'normal normal bold 10px/12px sans-serif'
PASS computedFont('bold 10px sans-serif') is 'normal normal bold 10px/12px sans-serif'
PASS computedFont('800 10px sans-serif') is 'normal normal 800 10px/12px sans-serif'
PASS computedFont('900 10px sans-serif') is 'normal normal 900 10px/12px sans-serif'
PASS computedFont('italic 10px sans-serif') is 'italic normal normal 10px/12px sans-serif'
PASS computedFont('small-caps 10px sans-serif') is 'normal small-caps normal 10px/12px sans-serif'
PASS computedFont('italic small-caps 10px sans-serif') is 'italic small-caps normal 10px/12px sans-serif'
PASS computedFont('italic small-caps bold 10px sans-serif') is 'italic small-caps bold 10px/12px sans-serif'
PASS computedFont('10px/100% sans-serif') is 'normal normal normal 10px/10px sans-serif'
PASS computedFont('10px/100px sans-serif') is 'normal normal normal 10px/100px sans-serif'
PASS computedFont('10px/normal sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFont('10px/normal sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFontCSSValue('10px sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFontCSSValue('10px sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFontCSSValue('10px SANS-SERIF') is 'normal normal normal 10px/12px sans-serif'
PASS computedFontCSSValue('12px sans-serif') is 'normal normal normal 12px/14px sans-serif'
PASS computedFontCSSValue('12px  sans-serif') is 'normal normal normal 12px/14px sans-serif'
PASS computedFontCSSValue('10px sans-serif, sans-serif') is 'normal normal normal 10px/12px sans-serif, sans-serif'
PASS computedFontCSSValue('10px sans-serif, serif') is 'normal normal normal 10px/12px sans-serif, serif'
PASS computedFontCSSValue('12px ahem') is 'normal normal normal 12px/12px ahem'
PASS computedFontCSSValue('12px unlikely-font-name') is 'normal normal normal 12px/14px unlikely-font-name'
PASS computedFontCSSValue('100 10px sans-serif') is 'normal normal 100 10px/12px sans-serif'
PASS computedFontCSSValue('200 10px sans-serif') is 'normal normal 200 10px/12px sans-serif'
PASS computedFontCSSValue('300 10px sans-serif') is 'normal normal 300 10px/12px sans-serif'
PASS computedFontCSSValue('400 10px sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFontCSSValue('normal 10px sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFontCSSValue('500 10px sans-serif') is 'normal normal 500 10px/12px sans-serif'
PASS computedFontCSSValue('600 10px sans-serif') is 'normal normal 600 10px/12px sans-serif'
PASS computedFontCSSValue('700 10px sans-serif') is 'normal normal bold 10px/12px sans-serif'
PASS computedFontCSSValue('bold 10px sans-serif') is 'normal normal bold 10px/12px sans-serif'
PASS computedFontCSSValue('800 10px sans-serif') is 'normal normal 800 10px/12px sans-serif'
PASS computedFontCSSValue('900 10px sans-serif') is 'normal normal 900 10px/12px sans-serif'
PASS computedFontCSSValue('italic 10px sans-serif') is 'italic normal normal 10px/12px sans-serif'
PASS computedFontCSSValue('small-caps 10px sans-serif') is 'normal small-caps normal 10px/12px sans-serif'
PASS computedFontCSSValue('italic small-caps 10px sans-serif') is 'italic small-caps normal 10px/12px sans-serif'
PASS computedFontCSSValue('italic small-caps bold 10px sans-serif') is 'italic small-caps bold 10px/12px sans-serif'
PASS computedFontCSSValue('10px/100% sans-serif') is 'normal normal normal 10px/10px sans-serif'
PASS computedFontCSSValue('10px/100px sans-serif') is 'normal normal normal 10px/100px sans-serif'
PASS computedFontCSSValue('10px/normal sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS computedFontCSSValue('10px/normal sans-serif') is 'normal normal normal 10px/12px sans-serif'
PASS successfullyParsed is true

TEST COMPLETE