2013-07-13 27 views

Trả lời

20

Đơn giản chỉ cần, vâng.

Hiện nay bạn có thể sử dụng thuộc tính "font-feature-settings" dưới các hình thức tiền tố và thêm "tnum" vào danh sách giá trị (example) để truy cập chữ số bảng trong OpenType được kích hoạt:

font-feature-settings: 'tnum'; 
-webkit-font-feature-settings: 'tnum'; 
-moz-font-feature-settings: 'tnum';` 

Kiểm tra caniuse để xem liệu các phiên bản có tiền tố vẫn là cần thiết hay không.

Lưu ý, nếu bạn đang sử dụng Typekit để phục vụ các webfont của mình, hãy đảm bảo chọn "Tất cả ký tự" trong Hỗ trợ ngôn ngữ.

3

Mặc dù có thể để chỉ định chữ số bảng không đảm bảo rằng trình duyệt của người dùng cuối hỗ trợ thuộc tính tnum.

State of Web Type theo dõi trình duyệt nào hỗ trợ các tính năng typographic nâng cao (và khác) này.

Theo văn bản nàytnum được hỗ trợ bởi:

  • Chrome v.33-41
  • Firefox v.4-39
  • Internet Explorer v.10-11
  • Opera v.15-28

tnum không được hỗ trợ bởi:

  • Safari (OSX)
  • Safari (iOS)
  • Android Webkit
  • phiên bản
  • cũ của các trình duyệt được liệt kê ở trên
+1

Tôi tin rằng nó cung cấp câu trả lời cho câu hỏi. Ngoài việc hỏi làm thế nào để xác định chữ số bảng, OP cũng hỏi _if có hỗ trợ trình duyệt_. Liên kết trong câu trả lời của tôi trình bày một bảng hỗ trợ của tài sản này trên các trình duyệt hiện đại. –

+0

Quan điểm của tôi là nó cung cấp câu trả lời. Câu hỏi đầu tiên là "bạn có thể chỉ định ...?" - câu trả lời này nói "có". Có hỗ trợ trình duyệt không? trả lời "không được bảo đảm - đây là tài nguyên cho bạn biết nên làm gì/không". Thông tin từ liên kết có thể được tóm tắt ở đây để cải thiện câu trả lời - chỉ định từ phiên bản mà các trình duyệt phổ biến khác nhau hỗ trợ. Nếu không, nó sẽ nguy hiểm gần với "liên kết chỉ trả lời" –

+0

Cảm ơn đề xuất @JRichardSnape. Tôi đã cập nhật câu trả lời của mình với dữ liệu tóm tắt từ trang được liên kết. Tôi mới ở đây và vẫn nhận được hang của các quy tắc. Tôi xin lỗi vì câu trả lời chưa hoàn chỉnh. Chúc mừng. –

4

Tôi nghĩ rằng đây là recommended way để truy cập tính năng OpenType này (fo nt-năng-settings: 'tnum' từ câu trả lời Đánh dấu Fox):

font-variant-numeric: tabular-nums; 

tôi không thể tìm thấy bất cứ điều gì ở http://caniuse.com/#search=font-variant-numeric nhưng rất gắn bó với câu trả lời của Mark cho đến hỗ trợ trình duyệt có thể được xác định tốt hơn.

Các vấn đề liên quan