CSS Keywords used for UI widgets

HTML & CSS
1

I am learning some new CSS properties and the practical usage of this one is confusing.

This is for the font selector. It’s properties include:

  • caption
  • icon
  • menu
  • message-box
  • small-caption
  • status-bar

    • Apparently you delclare the selector like this:

    .example{
    font:icon;
    }

    and it changes the text used in that widget per the specifications of that font family.

    Does any body know of any practical application/examples of this on websites? I am not sure I understand how this works either.

    2

    Does this article help?

    3

    Yes, thank you!