Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com tests: UI fonts

Basic support

This is spanned by a DIV with 16 pixel monospace so that you can notice the effect.

  1. This should be in the font used for labeling captioned controls.

  2. This should be in the font used for labeling icons.

  3. This should be in the font used for menus.

  4. This should be in the font used for dialog boxes.

  5. This should be in the font used for captions of small controls.

  6. This should be in the font used for window title bars.

Resetting of values

System fonts typically only set weight, style, size and family. However, font sets size-adjust, variant and stretch. To cover the difference, CSS specifies that unset values should be reset to the initial value for the property.

  1. This should be in small caps
  1. This should not.

  1. This should not have a huge line height.

Non-arbitrariness of values chosen

  1. This tests whether the values chosen are arbitrary or not. Simply change your computer settings (e.g., in Control Panel/Display/Appearance) to see whether the fonts chosen relate to the actual settings or are factory settings.