Làm thế nào để Chọn Phông chữ tốt nhất trong CSS3 - núm vú

Văn bản, như là một bài trình bày trừu tượng các khái niệm cụ thể, ý tưởng và các đối tượng, cần phông chữ để trình bày. Phông chữ được chọn trong CSS3 cho văn bản thường làm nhiều như để chuyển tải một ý tưởng như bản thân văn bản. Dành thời gian để tìm kiếm thiệp chúc mừng và bạn thấy rằng các nhà cung cấp của các cơ quan truyền thông sử dụng phông chữ để trình bày thông điệp theo những cách độc đáo.

Một phông chữ mềm đi kèm với một thông điệp lãng mạn; một phông chữ vui vẻ giúp chúng tôi cười vào một tin nhắn vui nhộn. Bạn có thể tìm thấy các nguồn trực tuyến như Onextrapixel xem tâm lý học đằng sau sử dụng phông chữ. Danh sách dưới đây giúp bạn hiểu các thuộc tính CSS chuẩn để sử dụng phông chữ và sử dụng chúng trên một trang (trong các trang của riêng bạn, đảm bảo sử dụng kiểu viết hoa được hiển thị):

• font-family : Định nghĩa tên của phông chữ. Có ba cách phân loại font thường được sử dụng như là một phần của CSS (và hầu hết các trang CSS đều sử dụng cả ba trừ khi bạn chỉ định thuộc tính src ):

  • Cụ thể: Cung cấp một bản trình bày chính xác bất cứ nơi nào nó được sử dụng. Ví dụ: khi bạn chỉ định Arial làm phông chữ, bạn sẽ biết rằng nó sẽ có một bài trình bày cụ thể ở mọi nơi bạn sử dụng nó. Một phông chữ cụ thể phải được cài đặt trên một hệ thống hoặc trình duyệt sẽ bỏ qua nó.

  • An toàn trên web: Đây là loại phông cung cấp bản trình bày không chính xác nhưng có nhiều khả năng xuất hiện trên máy của người dùng. Những gì bạn đang thực sự yêu cầu là một trong một số phông chữ có sự xuất hiện tương tự. Bản trình bày thường gần với bản gốc mà người dùng thậm chí sẽ không nhận thấy.

  • Chung: Một phông chữ không cụ thể phù hợp với mô tả chung của một kiểu phông chữ. Tên phông chữ như vậy bao gồm chữ viết, chữ tưởng tượng, đơn hàng, sans-serif và serif. Những gì bạn thực sự thấy trên màn hình có thể không truyền tải nhiều thông báo ban đầu, nhưng những lựa chọn này được đảm bảo để hoạt động trên mọi nền tảng.

• font-size : Xác định kích thước của phông khi so sánh với các phông chữ khác trên trang hoặc cung cấp một kích thước phông chữ cụ thể. Bạn có thể sử dụng một trong các kỹ thuật sau để xác định kích thước phông chữ:

  • Kích thước cụ thể: Như với hầu hết các đối tượng CSS, bạn có thể chỉ định kích thước chính xác cho phông chữ, sử dụng pixel, ems hoặc một số đo tuyệt đối hoặc tương đối khác.

  • Tỷ lệ phần trăm: Xác định kích thước của phông chữ như là phần trăm của kích thước phông chữ của một thành phần cha mẹ. Chỉ định kích thước trên 100% làm tăng kích thước phông chữ, chỉ định giá trị dưới 100% làm giảm kích thước phông chữ.

  • Từ khoá: Chỉ định kích thước phông chữ bằng các thuật ngữ tương đối: xx-nhỏ, x-nhỏ, nhỏ, vừa, lớn, x-lớn, xx-lớn, nhỏ hơn, lớn hơn và thừa kế (ở đó kích thước phông chữ kế thừa từ cha mẹ).

• font-style : Xác định kiểu phông chữ mà trình duyệt tạo ra. Trình duyệt phải hỗ trợ kiểu dáng và phông chữ phải cung cấp kiểu dáng để cho thuộc tính này có hiệu lực. Các kiểu chữ kiểu chữ là: bình thường , nghiêng>, xiên (thường là chữ nghiêng mạnh hơn) và kế thừa . font-variant

• : Chỉ định xem phông chữ phải được trình bày dưới dạng biến thể. Không phải tất cả các trình duyệt và phông chữ đều hỗ trợ tính năng này. Từ khoá cho thuộc tính này là , nhỏ và kế thừa .

• font-weight : Xác định độ bóng tối tương đối của phông chữ và chiều rộng của nét vẽ. Có hai phương pháp xác định trọng lượng phông:

  • Số: Giá trị xác định trọng lượng tương đối của phông chữ có giá trị 400 là bình thường và 700 được in đậm. Các giá trị số là: 100, 200, 300, 400, 500, 600, 700, 800 và 900. Trong hầu hết các trường hợp, bạn phải sử dụng các con số chính xác như đã nêu ở đây - trình duyệt có thể bỏ qua một giá trị là 150.

  • Từ khoá: Chỉ định trọng lượng phông chữ sử dụng các thuật ngữ tương đối: bình thường, đậm, mạnh mẽ hơn, nhẹ hơn và thừa kế.