Bagaimana cara menggunakan Google Fonts di Framecss Framework
Bagaimana cara menggunakan Google Fonts Framecss Framework? Lihat Google Fonts
```
<style type="text/css" media="all">
/* hubungkan Framecss */
@import url(data/frame.css);
/* buat class google fonts kamu disini~ online */
.Exo {
font-family: Exo;
}
.Alegreya-Sans {
font-family: 'Alegreya Sans', sans-serif;
}
.Maven-Pro {
font-family: 'Maven Pro', sans-serif;
}
.Oxygen {
font-family: 'Oxygen', sans-serif;
}
/* modifikasi body */
body {
margin: 12px;
}
</style>
<h2 class="blue">Google Fonts :</h2>
<p class="Source-Code-Pro merah">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt doloribus nemo natus officiis nisi ducimus earum non assumenda beatae laboriosam, quam perferendis dolore placeat modi. Iusto totam est eaque perferendis.
</p>
<p class="Open-Sans oren">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet ipsa mollitia exercitationem quidem, assumenda. Non modi ratione facere magnam veritatis quisquam illo fugiat quia repellendus mollitia deserunt ipsa, minima consequatur!
</p>
<p class="Sofia teal">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, ex voluptatibus mollitia! Quod, deleniti, pariatur. Assumenda ipsum voluptate vitae, a, reprehenderit illum voluptatibus natus quia quas, dolores rem sapiente id!
</p>
<p class="Ubuntu coklat">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt doloribus nemo natus officiis nisi ducimus earum non assumenda beatae laboriosam, quam perferendis dolore placeat modi. Iusto totam est eaque perferendis.
</p>
<p class="Roboto-Condensed bs-pink">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet ipsa mollitia exercitationem quidem, assumenda. Non modi ratione facere magnam veritatis quisquam illo fugiat quia repellendus mollitia deserunt ipsa, minima consequatur!
</p>
<p class="Signika ungu">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, ex voluptatibus mollitia! Quod, deleniti, pariatur. Assumenda ipsum voluptate vitae, a, reprehenderit illum voluptatibus natus quia quas, dolores rem sapiente id!
</p>
<h2 class="hijau">Google Fonts Mu : </h2>
<p class="Exo red">Exo :: Google Fonts Mu disini</p>
<p class="Alegreya-Sans magenta">Alegreya Sans :: Google Fonts Mu disini</p>
<p class="Maven-Pro blue">Maven Pro ::Google Fonts Mu disini</p>
<p class="Oxygen kuning">Oxygen :: Google Fonts Mu disini</p>
```
Komentar
Posting Komentar