Getting different figure types with Google Web Fonts

后端 未结 4 1312
轻奢々
轻奢々 2020-12-30 12:24

According to this page:

[Raleway] is a display face and the download features both old style and lining numerals,

4条回答
  •  醉酒成梦
    2020-12-30 13:26

    From this page: 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;
    }
    

    Only works with .otf files for now, not with font embeds hosted by google webfonts. Not supported in Safari. You can test other typeface features and browser support here: https://www.typotheque.com/articles/opentype_features_in_web_browsers_-_tests

提交回复
热议问题