Daftar Font Yang Cocok Untuk Template Flat Design

"Apa font terbaik untuk digunakan dengan Desain FLAT UI?" Hal ini tampaknya menjadi sebuah pertanyaan besar ketika 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, memilih jenis huruf yang luar biasa akan membantu menciptakan identitas untuk tampilan website/blog Anda.

Kecocokan font dengan tampilan template adalah 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 lama dengan yang baru, silahkan baca artikel Cara Mengganti dan Menggunakan Font Pada Template Blog.

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

1. Open Sans

Font Yang Cocok Untuk Template Flat Design

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 tentang Daftar Font Yang Cocok Untuk Template Flat Design. Semoga bisa bermanfaat dan jangan lupa berikan komentar Anda. Bila ada font yang dianggap cocok untuk flat design, silahkan tuliskan juga pada kolom komentar nanti akan saya submit ke artikel ini. Terima Kasih telah mengunjungi Opick Weblog.