Most standard HTML text-like elements have been styled. Should you add additional style variants to the Pattern Library, add them here for reference and follow the structure for adding the global CSS.
Text styles should be applied universally for consistent user experience. For examples of proper and improper font usage, visit identity.ucsf.edu.
Lorem ipsum dolor sit amet, ex labore vivendo laboramus has, vel at putant legendos. Quod appareat id eos, noster malorum et mea.
Strong is used to indicate strong importance
This text has added emphasis
This text is deleted and This text is inserted
This text has a strikethrough
Superscript®
Subscript for things like H2O
Abbreviation: HTML
This text is a short inline quotation
This is a citation
The mark element indicates a highlight
Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a text linking something. Nulla vel iaculis diam. Nunc tincidunt, quam pulvinar luctus tempus, nisi diam ultricies felis, id egestas erat justo congue nisi.
Paragraph Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Large Paragraph Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.