Controlling text on screen
Having pixel precision of your text on screen can be a fiddly task, especially across a complex site where there are data tables, forms and lists etc. Here are some of the css rules that can help you along the way to styling and controlling your text.
CSS Rules (not exhaustive):
- font-family (sans-serif;)
- font-style (italic; oblique; normal;)
- font-variant (italic; normal;)
- font-weight (normal; bold; bolder; lighter; 100;)
- font-stretch (normal; wider; narrower; ultra-condensed;)
- font-size (keywords; length; percentage;)
- text-indent (length; percentage;)
- text-align (left; right; center; justify;)
- text-decoration (none; underline; overline;)
- letter-spacing (normal; length;)
- word-spacing (normal; length;)
- text-transform (capitalize; uppercase; lowercase; none;)
