Typography

From Foundation
Jump to navigation Jump to search

Typography

All of the following typographical items are contained in the toolbar.

Text Right

Text Left

Text Center

<p class="text-right">Text Right</p>
<p class="text-left">Text Left</p>
<p class="text-center">Text Center</p>

Blue Text

Green Text

Red Text

Yellow Text

<span class="text-primary">Blue Text</span>
<span class="text-success">Green Text</span>
<span class="text-danger">Red Text</span>
<span class="text-warning">Yellow Text</span>

Ordinary Text

Lead Text

Lowercase Text

uppercase text

capitalize text

<p>Ordinary Text</p>
<p class="lead">Lead Text</p>
<p class="text-lowercase">Lowercase Text</p>
<p class="text-uppercase">uppercase text</p>
<p class="text-capitalize">capitalize text</p>

Bold Text

Italic Text

<strong>Bold Text</strong>
<em>Italic Text</em>

h2 Red

h2 Blue

h2 Black

h3 Red

h3 Blue

h3 Black

h4 Subtitle Red

h4 Subtitle Blue

h4 Subtitle Black

<h2 class="title-red">h2 Red</h2>
<h2 class="title-blue">h2 Blue</h2>
<h2 class="title-black">h2 Black</h2>
<h3 class="title-red">h3 Red</h3>
<h3 class="title-blue">h3 Blue</h3>
<h3 class="title-black">h3 Black</h3>
<h4 class="subtitle-red">h4 Subtitle Red</h4>
<h4 class="subtitle-blue">h4 Subtitle Blue</h4>
<h4 class="subtitle-black">h4 Subtitle Black</h4>

Support

Please use the discussion page to ask questions.



TOP

Retrieved from ‘https://foundationextension.com/index.php?title=Typography&oldid=347