Pasangan Font Hebat CSS
Pasangan font yang bagus sangat penting untuk desain yang bagus.
Aturan Pemasangan Font
Berikut adalah beberapa aturan dasar untuk membuat pasangan font yang bagus:
1. Pelengkap
Itu selalu aman untuk menemukan pasangan font yang saling melengkapi.
Kombinasi font yang bagus harus selaras, tanpa terlalu mirip atau terlalu berbeda.
2. Gunakan Font Superfamilies
Sebuah font superfamily adalah satu set font yang dirancang untuk bekerja sama dengan baik. Jadi, menggunakan font yang berbeda dalam superfamili yang sama adalah aman.
Misalnya, superfamili Lucida berisi font berikut: Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif, dan Lucida Math.
3. Kontras adalah Raja
Dua font yang terlalu mirip akan sering bentrok. Namun, kontras, dilakukan dengan cara yang benar, menghasilkan yang terbaik di setiap font.
Contoh: Menggabungkan serif dengan sans serif adalah kombinasi yang terkenal.
Superfamili yang kuat mencakup variasi serif dan sans serif dari font yang sama (misalnya Lucida dan Lucida Sans).
4. Pilih Hanya Satu Bos
Satu font harus menjadi bos. Ini menetapkan hierarki untuk font di halaman Anda. Hal ini dapat dicapai dengan memvariasikan ukuran, berat dan warna.
Contoh
Tidak diragukan lagi "Georgia" adalah bosnya di sini:
body {
background-color: black;
font-family: Verdana,
sans-serif;
font-size: 16px;
color: gray;
}
h1
{
font-family: Georgia, serif;
font-size: 60px;
color: white;
}
Di bawah ini, kami telah menunjukkan beberapa pasangan font populer yang sesuai dengan banyak merek dan konteks.
Georgia dan Verdana
Georgia dan Verdana adalah kombinasi klasik. Itu juga menempel pada standar font aman web:
Contoh
Gunakan font "Georgia" untuk judul, dan "Verdana" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Helvetica dan Garamond
Helvetica dan Garamond adalah kombinasi klasik lain yang menggunakan font web safe:
Contoh
Gunakan font "Helvetica" untuk judul, dan "Garamond" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Pasangan Font Google Populer
Jika Anda tidak ingin menggunakan font standar dalam HTML, Anda dapat menggunakan Google Font.
Google Font gratis untuk digunakan, dan memiliki lebih dari 1000 font untuk dipilih.
Di bawah ini adalah beberapa Pasangan Font Web Google yang populer.
Merriweather dan Open Sans
Contoh
Gunakan font "Merriweather" untuk judul, dan "Open Sans" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Ubuntu dan Lora
Contoh
Gunakan font "Ubuntu" untuk judul, dan "Lora" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Abril Fatface dan Poppins
Contoh
Gunakan font "Abril Fatface" untuk judul, dan "Poppins" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Cinzel dan Fauna One
Contoh
Gunakan font "Cinzel" untuk judul, dan "Fauna One" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Mountain One dan Libre Baskerville
Contoh
Gunakan font "Fjalla One" untuk judul, dan "Libre Baskerville" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Space Mono dan Muli
Contoh
Gunakan font "Space Mono" untuk judul, dan "Muli" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Spektral dan Rubik
Contoh
Gunakan font "Spectral" untuk judul, dan "Rubik" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Oswald dan Noto Sans
Contoh
Gunakan font "Oswald" untuk judul, dan "Noto Sans" untuk teks:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by
Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Untuk daftar semua Font Google gratis, kunjungi Cara - Tutorial Font Google kami .