--- name: typography url: /typography title: Typography ---
Foundation comes with header styles which are easy to customize.
Lighten up your headers by adding a class of .subheader
to any header element.
By inserting a small element into a header Foundation will scale the header font size down for an inline element, allowing you to use this for subtitles or other secondary header text.
This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content -- so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap strong
tags around type to make it bold! You can also use em
to italicize your words.
This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap strong around type to make it bold!. You can also use em to italicize your words.
Links are very standard, and the color is preset to the Foundation primary color.
Links are very standard, and the color is preset to the Foundation primary color.
Links are very standard, and the color is preset to the Foundation primary color.
Lists are helpful for, well, lists of things. Didn't see that coming did you! There are baked-in styles for a number of different unordered list styles, as well as ordered and definition lists.
Sometimes other people say smart things, and you may want to mention that through a blockquote callout. We've got you covered.
Those people who think they know everything are a great annoyance to those of us who do.Isaac Asimov
Those people who think they know everything are a great annoyance to those of us who do.Isaac Asimov
We've got a ton of variables for you to use to customize your typography.