As you already know, CSS font properties define the font family, boldness, size, and style of the text. These font properties make the text stand out from the rest of the page. You need to make sure that the font properties are customized in a right direction. Otherwise, it makes the text unreadable.
Changing the font size is an easy way to provide visual hierarchy and emphasis to the web page. The larger the font size, the greater the emphasis is on that text as compared to other text elements. The headings and titles require big font sizes to emphasize them from the surrounding text. Many users feel that some themes make the components slightly too large for most applications. In that case, we can reduce the font size directly, as follows:
.ui-widget, .ui-widget .ui-widget { font-size: 90% !important; }
At the same time, we shouldn't use small text size to squeeze more text into a web page. Otherwise, website visitors will be forced to enlarge the text every...