Tipografi

Header

Foundation telah menyediakan style untuk header dari H1 sampai H6 dengan ukuran font yang telah disesuaikan dengan kebutuhan. Untuk warna lebih keabu-abuan kita dapat tambahkan class .subheader pada tag header. Untuk ukuran font lebih kecil taruh text di dalam tag small.

Skrip header.html

<h1> H1 Judul <small> dengan H1 </small></h1>

<h2> H2 - Judul <small> dengan H2 </small></h2>

<h3 class="subheader"> H3 - Judul dengan H3 </h3>

<h4 class="subheader"> H4 - Judul dengan H4 </h4>

<h5> H5 - Judul dengan H5 </h5>

<h6> H6 - Judul dengan H6 </h6>

Paragraph

Tag <p> mempunyai margin-bottom 1.25 rem, line-height 1.6 dan ukuran font 1 rem. Untuk membuat paragraf yang lebih menonjol dengan ukuran font yang lebih besar tambahkan class .lead pada tag <p>.

Skrip paragraph.html

<p> Foundation Framework have ton of elements to help you build responsive site without worry about your baseline. In this section we learn about some important foundation elements. </p>

<p class="lead"> Typography make easy to fine-tune your type across different breakpoints. Normally we use following typography elements </p>

Link

Pada foundation, link tidak memiliki garis bawah dan berwarna biru baik saat didekati kursor maupun tidak.

Skrip link.html

<p>Buka website resmi foundation di

<a href="http://zurb.foundation.com" title="Link ke Foundation"> foundation.zurb.com </a> untuk download foundation</p>

karyakancil.com