Các cặp phông chữ tuyệt vời trong CSS
Sự kết hợp phông chữ tuyệt vời là điều cần thiết cho một thiết kế tuyệt vời.
Quy tắc ghép phông chữ
Dưới đây là một số quy tắc cơ bản để tạo các cặp phông chữ tuyệt vời:
1. Phần bù
Việc tìm các cặp phông chữ bổ sung cho nhau luôn là điều an toàn.
Một sự kết hợp phông chữ tuyệt vời phải hài hòa, không quá giống hoặc quá khác nhau.
2. Sử dụng các siêu họ phông chữ
Siêu họ phông chữ là một tập hợp các phông chữ được thiết kế để hoạt động tốt với nhau. Vì vậy, sử dụng các phông chữ khác nhau trong cùng một siêu họ là an toàn.
Ví dụ: siêu họ Lucida chứa các phông chữ sau: Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif và Lucida Math.
3. Sự tương phản là vua
Hai phông chữ quá giống nhau thường sẽ xung đột. Tuy nhiên, sự tương phản, được thực hiện đúng cách, sẽ mang lại hiệu quả tốt nhất cho từng phông chữ.
Ví dụ: Kết hợp serif với sans serif là một sự kết hợp nổi tiếng.
Một siêu họ mạnh bao gồm cả các biến thể serif và sans serif của cùng một phông chữ (ví dụ Lucida và Lucida Sans).
4. Chỉ chọn một ông chủ
Một phông chữ nên là ông chủ. Điều này thiết lập hệ thống phân cấp cho các phông chữ trên trang của bạn. Điều này có thể đạt được bằng cách thay đổi kích thước, trọng lượng và màu sắc.
Ví dụ
Không còn nghi ngờ gì nữa "Georgia" là ông chủ ở đây:
body {
background-color: black;
font-family: Verdana,
sans-serif;
font-size: 16px;
color: gray;
}
h1
{
font-family: Georgia, serif;
font-size: 60px;
color: white;
}
Hãy tự mình thử »Dưới đây, chúng tôi đã trình bày một số cặp phông chữ phổ biến sẽ phù hợp với nhiều thương hiệu và bối cảnh.
Georgia và Verdana
Georgia và Verdana là sự kết hợp cổ điển. Nó cũng tuân theo các tiêu chuẩn phông chữ an toàn trên web:
Ví dụ
Sử dụng phông chữ "Georgia" cho tiêu đề và "Verdana" cho văn bản:
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.
Hãy tự mình thử »Helvetica và Garamond
Helvetica và Garamond là một sự kết hợp cổ điển khác sử dụng phông chữ an toàn trên web:
Ví dụ
Sử dụng phông chữ "Helvetica" cho tiêu đề và "Garamond" cho văn bản:
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.
Hãy tự mình thử »Các cặp phông chữ phổ biến của Google
Nếu bạn không muốn sử dụng phông chữ tiêu chuẩn trong HTML, bạn có thể sử dụng Google Fonts.
Google Fonts được sử dụng miễn phí và có hơn 1000 phông chữ để bạn lựa chọn.
Dưới đây là một số cặp phông chữ web phổ biến của Google.
Merriweather và Open Sans
Ví dụ
Sử dụng phông chữ "Merriweather" cho tiêu đề và "Open Sans" cho văn bản:
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.
Hãy tự mình thử »Ubuntu và Lora
Ví dụ
Sử dụng phông chữ "Ubuntu" cho tiêu đề và "Lora" cho văn bản:
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.
Hãy tự mình thử »Abril Fatface và Poppins
Ví dụ
Sử dụng phông chữ "Abril Fatface" cho tiêu đề và "Poppins" cho văn bản:
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.
Hãy tự mình thử »Cinzel và Động vật Một
Ví dụ
Sử dụng phông chữ "Cinzel" cho tiêu đề và "Fauna One" cho văn bản:
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.
Hãy tự mình thử »Fjalla One và Libre Baskerville
Ví dụ
Sử dụng phông chữ "Fjalla One" cho tiêu đề và "Libre Baskerville" cho văn bản:
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.
Hãy tự mình thử »Không gian Mono và Muli
Ví dụ
Sử dụng phông chữ "Space Mono" cho tiêu đề và "Muli" cho văn bản:
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.
Hãy tự mình thử »Quang phổ và Rubik
Ví dụ
Sử dụng phông chữ "Spectral" cho tiêu đề và "Rubik" cho văn bản:
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.
Hãy tự mình thử »Oswald và Noto Sans
Ví dụ
Sử dụng phông chữ "Oswald" cho tiêu đề và "Noto Sans" cho văn bản:
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.
Hãy tự mình thử »Để có danh sách tất cả các Phông chữ Google miễn phí, hãy truy cập Cách thực hiện - Hướng dẫn về Phông chữ của Google .