Phông chữ CSS dày hơn 900?

Question

Tôi có một bảng điều khiển có thể được mở rộng hoặc thu nhỏ thông qua một liên kết được căn giữa theo chiều dọc với một biểu tượng < hoặc> làm văn bản liên kết. Tại phông chữ trọng lượng: 900 điều này không nổi bật nhiều, ngay cả với một nền màu xám lớn xung quanh nó. Tôi không muốn sử dụng hình ảnh và, ở kích thước phông chữ hiện tại, cả hai biểu tượng hiện đang chiếm chiều rộng tối đa của bảng điều khiển.

Có cách nào để làm dày đường kẻ trên các biểu tượng vượt quá 900 không? Hoặc là có một cách khác tôi có thể sử dụng?

Xin cảm ơn trước.

Richard

Answer 1

Rất tiếc, không có trọng lượng phông chữ lớn hơn 900 và chỉ định trọng số phông chữ theo số thay đổi trên các trình duyệt. Đặt cược tốt nhất của bạn sẽ là sử dụng phông chữ dày hơn - bạn chưa chỉ định những gì bạn đang sử dụng, nhưng Tác động tương đối dày và cao đối với chiều rộng của nó trong khi vẫn an toàn trên web. Nếu không, bạn có thể sử dụng @ font-face để tải bằng một phông chữ khác.

Answer 2

Trong CSS 3 có một cách khác để làm cho kích thước phông chữ táo bạo hơn:

color:#888888;  
text-shadow: 2px 0 #888888; 
letter-spacing:2px; 
font-weight:bold; 

EDIT:

Đối với một số loại lý do kỳ lạ này không giống như khá như nó đã làm trong một năm trước. Nó chỉ hoạt động với văn bản bóng tối 1px (trên hầu hết các phông chữ phổ biến, các phông chữ dày hơn khác có thể vẫn hoạt động với 2px). Và với văn bản bóng tối chỉ 1px, không cần phải có khoảng cách chữ cái lớn như vậy.

color:#888888;  
text-shadow: 1px 0 #888888; 
letter-spacing:1px; 
font-weight:bold; 

Answer 3

Điều này khá dày. Nhưng chỉ hoạt động với webkit.

font-size: -webkit-xxx-large; 
font-weight: 900; 

Answer 4

Để thêm vào Gogutz câu trả lời, bạn có thể đi thậm chí táo bạo hơn bằng cách xếp chồng lên text-shadow trong một mạng lưới. Dấu phẩy tách riêng trên mỗi dòng:

.extra-bold { 
    text-shadow: 0px 1px, 1px 0px, 1px 1px; 
}