![]() Most lines of text should be 45–90 characters.Type set flush left provides the eye a constant starting point for each line, making text easier to read.Ĭontrolling the length of lines of text (also known as measure) helps readers’ attention flow easily from one line to the next, making reading more natural and comfortable. Justified text, common in print, does not yet display well enough in a web browser to be considered a best practice. While right-aligned, centered, and justified text have their place, most websites benefit from a consistent use of left-aligned text. Use tokens smaller than font-size 5 more sparingly - for shorter companion text like captions, footnotes, photo credits, or specialized UI elements.Use tokens between font-size 5 and font-size 8 for most running text.The following two points are basic guidelines for selecting font size tokens: Smaller and larger text can be used sparingly for special purposes (like headings, captions, photo credits, footnotes, data tables, or specialized UI elements). For most text, including body copy, use at least an effective size of 16px ( font-size 5). Use a comfortable reading size for body text.You can learn more about typesetting tokens in the Typesetting tokens section and the Utilities section.Īccessibility for Teams also provides good guidance around typesetting. Web Design System controls typesetting values with a token system. Text with poor readability turns off readers and can make it challenging for them to stay focused. The more readable a text is the more easily users can understand its content. It’s a function of microtypography (how text is styled within a text block) and macrotypography (how content elements are arranged on the page). Typesetting controls the readability of a text with the size, style, and spacing of its type. Our default typefaces are designed for legibility and can adapt to a variety of visual tones. Government websites need clear and consistent headings, highly legible body paragraphs, clear labels, and easy-to-use input fields. Sample contract language for 21st Century IDEA
0 Comments
Leave a Reply. |