CSS cung cấp các thuộc tính liên quan đến phông chữ giúp chúng ta dễ dàng đặt họ phông chữ, cỡ chữ, độ dày phông chữ và kiểu phông chữ được sử dụng trên trang web.
Đang xem: Font-weight là gì
Họ phông chữ – Font Family
Họ phông chữ (hay họ phông chữ) trong CSS bao gồm một nhóm các phông chữ có liên quan với nhau.
Ví dụ: họ phông chữ Arial bao gồm các phông chữ như: Arial Regular Arial Italic (in nghiêng), Arial Narrow (khoảng cách hẹp), Arial Bold (đậm), Arial Black (phông chữ lớn) và Arial Bold Italic (đậm và nghiêng).
Trong CSS, họ phông chữ của chúng tôi được chia thành hai loại chính:
Họ phông chữ theo tên cụ thể (họ phông chữ). Ví dụ: Arial, rau xanh, Times New Roman, Gruzia….Gia đình chung. Loại này chỉ bao gồm 3 họ có chân, sans serif và đơn cách. Mỗi họ trong danh mục này bao gồm một hoặc nhiều họ phông chữ cụ thể được mô tả ở trên. Ví dụ: họ sans-serif bao gồm các hộ cụ thể như Arial, Verdana, Helvetica, v.v.
Hình bên dưới minh họa sự khác biệt giữa các ký tự serif và sans-serif.
Phân biệt giữa SERIF và SANS-SERIF
họ phông chữ . tài sản
Thuộc tính font-family được sử dụng để đặt họ phông chữ cho các phần tử trên trang web.
body { font-family: Arial;} Khi chỉ định font cho một thành phần trên trang web, chúng ta nên chọn nhiều hơn một họ font và thường theo một họ chung. Sau đó, nếu họ phông chữ đầu tiên không được cài đặt trên thiết bị hiển thị trang web, các phông chữ tiếp theo sẽ được sử dụng.
Xem thêm: Bánh cúng cô hồn gồm những gì? Tôi có thể ăn nó? Mâm cúng cô hồn gồm những gì?
body { font-family: Arial, Helvetica, sans-serif ;} Đặt Phông chữ trong CSS với Thuộc tính font-family
Trong trường hợp trên nếu một ký tự nào đó không tồn tại trong phông chữ đầu tiên (Arial) thì phông chữ theo sau nó là Helvetica sẽ được áp dụng. Trong trường hợp ngay cả phông chữ thứ hai cũng không khả dụng, bất kỳ họ phông chữ nào thuộc họ sans-serif được cài đặt trên thiết bị sẽ được sử dụng.
Đối với các họ phông chữ có tên bao gồm nhiều hơn một từ như Times New Roman thì chúng ta sẽ cần đặt họ phông chữ này trong dấu ngoặc kép.
Cỡ chữ
Sử dụng thuộc tính kích thước phông chữ để chỉ định kích thước phông chữ.
body { font-size: 14px;} Cỡ chữ CSS
Giá trị của thuộc tính font-size có thể sử dụng đơn vị tuyệt đối như px (phổ biến), pt hay cm… hoặc đơn vị tương đối như %, em, rem…
body { font-size: 14px;}.large { font-size: 1.5em;}.extra-large { font-size: 2em;} Kích thước phông chữ theo đơn vị “EM”
Với đơn vị tương đối, trình duyệt cũng sẽ chuyển đổi sang đơn vị tuyệt đối khi hiển thị.
Xem thêm: Tụng Kinh Sám Hối Cao Đài Nhaccuatui, Kinh Sám Hối Cao Đài
Mật độ ánh sáng
Sử dụng thuộc tính font-weight để chỉ định độ dày của văn bản. Nó có thể nhận các giá trị như: đậm, bình thường, đậm hơn hoặc nhạt hơn. Ví dụ:
.bold { font-weight: bold;}.normal { font-weight: normal;} Độ đậm phông chữ CSS
Giá trị của thuộc tính font-weight có thể là số thay vì văn bản như trên:
.bold { font-weight: 700;}.normal { font-weight: 400;}
Nét chữ
Sử dụng thuộc tính kiểu phông chữ để chỉ định kiểu phông chữ nghiêng, chữ thường hoặc đậm… cho phông chữ.
Bạn thấy bài viết Font-Weight Là Gì – Đặt Trọng Lượng Phông Chữ Bằng Các Lớp Bootstrap có khắc phục đươc vấn đề bạn tìm hiểu ko?, nếu ko hãy comment góp ý thêm về Font-Weight Là Gì – Đặt Trọng Lượng Phông Chữ Bằng Các Lớp Bootstrap bên dưới để duhoc-o-canada.com có thể thay đổi & cải thiện nội dung tốt hơn cho các bạn nhé! Cám ơn bạn đã ghé thăm Website: duhoc-o-canada.com của duhoc-o-canada.com
Nhớ để nguồn bài viết này: Font-Weight Là Gì – Đặt Trọng Lượng Phông Chữ Bằng Các Lớp Bootstrap của website duhoc-o-canada.com
Chuyên mục: Là gì?