

The plugin enables the following features in the rich-text editor: Different font colors can work as markers and guides just like font background colors, that stand out even more and draw attention. main text and a side quotation or a recap). Using different font families can help differentiate between sections of the content that serve various purposes (e.g. Font size setting can be applied globally or to a selected part of the text only making it catch the eye of the reader. The font styles, just like the basic text styles can serve numerous purposes. Visit the full-featured editor example to see more in action. This demo only presents a limited set of features. You can also use it for information you don't want to expose too much. Small text can provide some optional details. Large text is used for important information that really needs to stick out.

Text size also plays an important role in driving the reader's attention. You may use custom text and background colors to create infoboxes or quotations. A properly chosen set, however, will greatly improve text visibility and readability and may be used to aid accessibility. You should use them with caution, though, as similar colors may lead to unreadable results.
#FONT PICKER REACT CODE#
Monospaced fonts, like Courier, are associated with computer terminals and are often used to represent code listings and machine printouts.įont colors and background colors are used to draw attention to parts of the text. The basic print text is black on white, but modern printing techniques and electronic media have made room for more diverse colors in documents. Serif font families are traditionally used in print media, making reading from paper easier. Sans-serif fonts, like Arial or Verdana, are universally used in electronic publications intended to be read on-screen. Font faces, sizes, and colors may radically change the way the reader perceives your content.

But how you do it also plays a great role. The message you want to convey is the most important part of any document.
