Bắt loại hình khác nhau với Google Web Fonts

Question

Theo this page:

[Raleway] là một khuôn mặt màn hình và tải về các tính năng cả cũ theo phong cách và lót chữ số, ligature tiêu chuẩn và tùy tiện, một khá bộ hoàn chỉnh các dấu phụ, cũng như một kiểu thay thế phong cách lấy cảm hứng từ bằng kiểu chữ sans-serif hình học nhiều hơn bộ ký tự mặc định mới được tạo cảm hứng từ ký tự đại diện .

(tôi nhấn mạnh)

Giá trị mặc định cho chữ số là "kiểu cũ" ("onum" OpenType feature string), trông khá khủng khiếp khi được sử dụng trong tiêu đề. Lý tưởng nhất, tôi muốn có thể sử dụng "lót" biến thể ("lnum"), với "bảng" ("tnum") kerning (Trái ngược với tỷ lệ thuận - "pnum").

Tôi đã thử sử dụng khối sau font-feature-settings tờ khai, không có kết quả:

font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on; 
-moz-font-feature-settings: "onum=0, pnum=0, lnum=1, tnum=1";  /* Firefox */ 
-webkit-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on; /* WebKit */ 
-o-font-feature-settings: "onum" off, "pnum" off, "lnum" on, "tnum" on;  /* Opera */ 

Bất kỳ suy nghĩ? Nếu tôi muốn tải xuống toàn bộ phông chữ và sau đó xuất lại nó dưới dạng phông chữ trên web, tôi sẽ làm như thế nào trong khi vẫn đảm bảo rằng tôi có được số liệu lót?

Cảm ơn!

Answer 1

Từ trang này: http://clagnut.com/sandbox/css3/

.lnum { 
    font-variant-numeric: lining-nums; 
    -moz-font-feature-settings:"lnum" 1; 
    -moz-font-feature-settings:"lnum=1"; 
    -ms-font-feature-settings:"lnum" 1; 
    -o-font-feature-settings:"lnum" 1; 
    -webkit-font-feature-settings:"lnum" 1; 
    font-feature-settings:"lnum" 1; 
} 

Chỉ làm việc với các tập tin .otf cho bây giờ, không phải với phông chữ tính năng nhúng phông chữ web được tổ chức bởi google. Không được hỗ trợ trong Safari. Bạn có thể kiểm tra các tính năng kiểu chữ khác và hỗ trợ trình duyệt tại đây: https://www.typotheque.com/articles/opentype_features_in_web_browsers_-_tests

Answer 2

Nếu bạn muốn tải xuống phông chữ và tạo phiên bản mới với số lót hoặc các tính năng OpenType khác, hãy xem http://www.fontsquirrel.com/tools/webfont-generator.

Bạn sẽ cần phải nhập chế độ Chuyên gia, nhưng sau đó trong OpenType Flattening bạn có thể chọn Lining Numerals. Nếu bạn quá nghiêng, bạn thậm chí có thể tạo một phiên bản với biểu mẫu W thay thế.

Tính đến cuối năm 2014, đây là cách duy nhất để có được số lót trong Safari.

Answer 3

Để theo dõi câu trả lời của wbond, điều này sẽ mất tất cả tín dụng cho bài đăng này, chế độ chuyên gia trong con sóc phông chữ sẽ trông đáng sợ lúc đầu. Nhưng anh ta đã đề cập đến W thay thế quan trọng, đó là một sự khác biệt khá lớn đối với raleway. Lưu ý G cũng khác nhau giữa các kiểu.

Bạn chỉ cần đặt "muối" vào hộp Tính năng OpenType và tải xuống bộ công cụ của mình.

Sau đó, bất cứ nơi nào bạn muốn truy cập các phong cách muối, bạn thêm video này vào css:

-moz-font-feature-settings:"salt" 1; 
    -ms-font-feature-settings:"salt" 1; 
    -o-font-feature-settings:"salt" 1; 
    -webkit-font-feature-settings:"salt" 1; 
    font-feature-settings:"salt" 1; 

Xin lỗi, đây phải là một bình luận về câu trả lời đó, nhưng tôi không thể thêm một hình ảnh để bình luận. Nó sẽ giúp tôi tiết kiệm thời gian nếu ai đó có hình ảnh này cho tôi xem, vì vậy tôi cảm thấy nó đáng được đăng tải.