Daftar Font Yang Cocok Untuk Template Flat Design

"Apa font terbaik untuk dipakai dengan Desain FLAT UI?" Hal ini sepertinya menjadi sebuah pertanyaan besar saat mencoba untuk membuat template dengan dasar Flat Design.

Pada tampilan dasar FLAT UI Style berfokus pada warna, tipografi, bentuk sederhana untuk fitur kegunaan dan kejelasan bekerja dengan baik dengan font sederhana namun unik. Jika Anda ingin membuat website/blog Anda menonjol, menentukan jenis abjad yang luar biasa akan membantu membuat identitas untuk tampilan website/blog Anda.

Kecocokan font dengan tampilan template yaitu hal yang sangat penting di Desain Flat UI. Untuk melihat Live Demo tampilan font, silahkan klik judul font yang Anda inginkan.

Untuk cara mengganti font usang dengan yang baru, silahkan baca artikel Cara Mengganti dan Menggunakan Font Pada Template Blog.

Berikut ini yaitu daftar font tipografi yang cocok dengan desain Flat:

1. Open Sans

Berikut CSS Font Style Open Sans dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

2. Raleway

Berikut CSS Font Style Raleway dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>

3. Lato

Berikut CSS Font Style Lato dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

4. Montserrat

Berikut CSS Font Style Montserrat dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>

5. Quicksand

Berikut CSS Font Style Quicksand dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>

6. Source Sans Pro

Berikut CSS Font Style Source Sans Pro dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>

7. Nova Mono

Berikut CSS Font Style Nova Mono dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Nova+Mono' rel='stylesheet' type='text/css'>

8. Libre Baskerville

Berikut CSS Font Style Libre Baskerville dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>

9. Quattrocento Sans

Berikut CSS Font Style Quattrocento Sans dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>

10. Muli

Berikut CSS Font Style Muli dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>

11. Josefin Sans

Berikut CSS Font Style Josefin Sans dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>

12. Josefin Slab

Berikut CSS Font Style Josefin Slab dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>

13. Roboto

Berikut CSS Font Style Roboto dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

14. Fenix

Berikut CSS Font Style Fenix dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Fenix' rel='stylesheet' type='text/css'>

15. Varela

Berikut CSS Font Style Varela dari Google Fonts.

<link href='https://fonts.googleapis.com/css?family=Varela' rel='stylesheet' type='text/css'>

Saya rasa cukup sekian artikel kali ini wacana Daftar Font Yang Cocok Untuk Template Flat Design. Semoga dapat bermanfaat dan jangan lupa berikan komentar Anda. Bila ada font yang dianggap cocok untuk flat design, silahkan tuliskan juga pada kolom komentar nanti akan aku submit ke artikel ini. Terima Kasih telah mengunjungi .