Tạo phông chữ đậm đặc hơn với CSS

Question

Có cách nào để tạo các chữ cái gần nhau hơn bằng cách sử dụng CSS không? Tôi biết chúng tôi có thể điều chỉnh chiều cao của dòng nhưng tôi không biết liệu có bất kỳ thứ gì bóp chặt phông chữ lại gần nhau hay không.

Answer 1

Bạn đang tìm kiếm letter-spacing

#id { letter-spacing: -1px; } 

Reference

Answer 2

Bạn có thể xác định khoảng cách giữa các chữ cái với

letter-spacing: 0.1em; 

nhưng bạn có thể thư cá nhân không kern trừ khi bạn quấn mỗi chữ cái trong một khoảng thời gian

Answer 3

Câu trả lời er phụ thuộc vào những gì bạn có nghĩa là bởi "font", "ngưng tụ", và "bóp".

Bạn có thể chọn kiểu chữ đậm đặc hơn (phông chữ cụ thể) cho phông chữ (từ họ phông chữ), sử dụng thuộc tính font-stretch. Nhưng nó không bóp bất cứ thứ gì; nó chỉ chọn lên một kiểu chữ đã được thiết kế đặc hơn. Phông chữ thường có sẵn trong máy tính của mọi người không có kiểu chữ như vậy; một số phông chữ có thể tải xuống (phông chữ web). Và chủ yếu là bạn có thể sử dụng chúng theo cách nhiều trình duyệt hơn bằng cách chỉ sử dụng tên kiểu chữ cụ thể như thể đó là tên họ phông chữ, ví dụ: font-family: Arial Narrow. (Lưu ý: Arial Narrow chỉ khả dụng trên một số máy tính, ít thường xuyên hơn Arial cơ bản.)

Bạn có thể sử dụng một số kỹ thuật CSS để gợi ý, nếu phông chữ được sử dụng có thông tin sành điệu ở định dạng OpenType. Hầu hết các phông chữ thường được sử dụng trên các trang web không có thông tin như vậy. (Ngoại lệ:. Palatino Linotype, Times New Roman, và Microsoft C phông chữ như Calibri và Cambria) tờ khai Thích hợp:

body { 
text-rendering: optimizeLegibility; 
-webkit-font-feature-settings: "kern"; 
-moz-font-feature-settings: "kern"; 
font-feature-settings: "kern"; 
} 

Tác động của các thiết lập này, nếu có, có xu hướng được khá nhỏ. Nó không thực sự có nghĩa là "ép" trong bất kỳ ý nghĩa brute. Thay vào đó, nó sửa đổi kết xuất theo cách tinh tế để có kiểu chữ tốt hơn; chiều rộng văn bản có thể hơi nhỏ hơn, nhưng đó chỉ là sản phẩm phụ ngẫu nhiên.

Nếu bạn sử dụng số âm letter-spacing, điều đó có nghĩa là ép chặt. Đôi khi nó có thể có ý nghĩa, ví dụ: đối với văn bản sans-serif có kích thước lớn, với các giá trị nhỏ như letter-spacing: 0.03em. Thậm chí sau đó, kết quả cần được đánh giá, đặc biệt chú ý đến các kết hợp chữ cái có thể trông kỳ lạ khi vắt (ví dụ: “rl” hoặc “te”). Và chủ yếu, nếu bạn nghĩ rằng các chữ cái cách nhau quá xa nhau hoặc văn bản quá rộng, hãy xem xét sử dụng phông chữ khác thay vì làm gián đoạn hiển thị phông chữ bình thường.