font-stretch Thuộc tính CSS cho phép bạn làm cho văn bản của mình hẹp hơn (cô đọng) hoặc rộng hơn (mở rộng).
Những loại phông chữ này còn được gọi là cô đọng hoặc mở rộng phông chữ.
- Phông chữ đặc có các ký tự với độ rộng nét hẹp. Chúng cũng có khoảng cách giữa các ký tự (khoảng cách giữa các chữ cái / hàng đầu) hẹp hơn nhiều so với các phông chữ thông thường.
- Phông chữ được mở rộng có các ký tự có chiều rộng nét vẽ rộng hơn phông chữ bình thường 'tương ứng với chiều cao của chúng.
CSS font-stretch thuộc tính có các giá trị sau (các loại mặt phông chữ):
- cực kỳ cô đọng
- cực kỳ cô đọng
- cô đọng
- nửa cô đọng
- bình thường
- bán mở rộng
- mở rộng
- mở rộng thêm
- cực kỳ mở rộng
Ví dụ về mã
h1 {
font-family: sans-serif;
font-stretch: expanded;
}
h2 {
font-family: sans-serif;
font-stretch: condensed;
}Quan trọng: hầu hết các kiểu chữ / họ phông chữ không được trang bị các mặt phông chữ cô đọng hoặc mở rộng này.
Vì vậy, trước khi bạn sử dụng font-stretch trong biểu định kiểu CSS của bạn, hãy đảm bảo rằng họ phông chữ bạn đang sử dụng chứa mặt phông chữ được cô đọng hoặc mở rộng cụ thể mà bạn muốn sử dụng.
Lưu ý:nếu bạn sử dụng font-stretch ngay cả khi nhóm phông chữ bạn chọn không cung cấp bất kỳ mặt phông chữ cô đọng hoặc mở rộng nào, thì sẽ không có gì xảy ra. Bạn sẽ không nhận được phông chữ giả xấu xí (do máy tính tạo ra), không giống như phông chữ giả đậm hoặc giả nghiêng.
Tuy nhiên, các công nghệ trình duyệt thường thay đổi vậy tại sao lại phải mạo hiểm?