May 04, 2021 Foundation5
Foundation uses the browser's default font
font-size:100%
F
or most desktop browsers, the font defaults to 16px. F
or most mobile browsers, the font defaults to 12px.
The default font is
"Helvetica Neue"
and line-height is
1.5
The default settings above are for the element of
<body>
In this section, we'll discuss the text arrangement design of the Foundation.
The true style of the following example can be viewed by clicking the "Try it" button.
The HTML title of the Foundation rendering (
<h1>
<h6>
is as follows:
Tip: If
you need to create a light title, you can add the
.subheader
element:
In Foundation, the
<small>
element is used to create a light-colored subtitle:
<h1>h1 heading <small>secondary text</small></h1>
<h2>h2 heading <small>secondary text</small></h2>
<h3>h3 heading <small>secondary text</small></h3>
<h4>h4 heading <small>secondary text</small></h4>
<h5>h5 heading <small>secondary text</small></h5>
<h6>h6 heading <small>secondary text</small></h6>
The
<a>
Foundation element is as follows:
The
<abbr>
Foundation element is as follows:
The
<blockquote>
is as follows:
The
<dl>
Foundation element is as follows:
The
<code>
element looks like this:
The
<kbd>
element looks like this:
The
<hr>
Foundation element is as follows: