Denali offers a Sans Serif and Monospace font-family in a variety of weights and heading styles.
Helvetica
Denali’s Sans-Serif font-family is Helvetica. Helvetica Regular is Denali’s default font and weight for all text. To implement different weights of Helvetica by adding .is-light,.is-regular, .is-bold, or .is-italic classes to <h1> through <h6> and <p> tags.
Implement headings with <h1> to <h6> tags. Heading styles can be modified by adding any of the font and weight classes listed above to <h1> through <h6> tags.
Implement body text with the <p> tag. Body text styles can be modified by adding any of the font and weight classes listed above to the <p> tag.
This is a p tag
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
<p>This is a p tag</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing 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.</p>
Variables
You can use these variables in a override.css file to customize this component.