CSS for using small caps, text figures etc. font-feature-settings

Posted by on May 21, 2014 in Blog, CSS, Wordpress | No Comments

Credit

This is not so much an article as a handy store of this information for myself. There are specific situations where small caps and text figures are appropriate. For a discussion of that see this excellent article by Dmitry Fadeyev from which this code was extracted for my use. This may not be the best way to do this yet, to quote Dmitry

Browser support for this feature is not yet complete. The above should work in Chrome and Firefox. IE supports it from version 10 upwards. Safari does not support it at this time.

You can use font subsets now, the use of which is explained in Dmitrys article. Of course your font needs to include these for the CSS to work.

.small-caps {
    -ms-font-feature-settings: "smcp";
    -moz-font-feature-settings: "smcp";
    -webkit-font-feature-settings: "smcp";
    font-feature-settings: "smcp";
}

.text-figures { 
    -moz-font-feature-settings: 'onum';
    -ms-font-feature-settings: 'onum';
    -webkit-font-feature-settings: 'onum';
    font-feature-settings: 'onum';
}

Other works for racy complaints like Anxiety disorder. Several remedies are as a rule used to treat varied types of bacterial infections, such as pneumonia and infections of the nose. One of the most famous treatment is Viagra. When you buy medicines like Viagra versus Cialis you should consider about Viagra versus Cialis. Perhaps you along heard about the question. Without fail, a sexual disorder refers to a problem during any phase of the sexual response cycle that prevents the individual from experiencing satisfaction from the sex activity. Young men with sexual soundness problems need professional help.

Leave a Reply