CSS Ninja - Advanced Font-Typographics - Disable/Enable Everything

Posted at

You can favor rendering speed (and lower RAM/CPU|GPU usage)
or a more nice-looking/text-graphic feature presentation,
by choosing either of the following CSS3 code-blocks.




<style type="text/css" media="all">
/* advanced font-typographics: disable everything for speed. ------------------------------------------*/
*{ text-rendering: optimizeSpeed;
-ms-text-rendering: optimizeSpeed;
-moz-text-rendering: optimizeSpeed;
-webkit-text-rendering: optimizeSpeed;

font-variant: none;
-ms-font-variant: none;
-moz-font-variant: none;
-webkit-font-variant: none;

font-feature-settings: 'c2sc' 0, 'calt' 0, 'case' 0, 'dlig' 0, 'fina' 0, 'frac' 0, 'hist' 0, 'hlig' 0, 'init' 0, 'isol' 0, 'kern' 0, 'liga' 0, 'lnum' 0, 'locl' 0, 'mark' 0, 'medi' 0, 'mkmk' 0, 'onum' 0, 'rlig' 0, 'smcp' 0, 'ss**' 0, 'subs' 0, 'sups' 0, 'swsh' 0, 'tnum' 0, 'zero' 0;
-ms-font-feature-settings: 'c2sc' 0, 'calt' 0, 'case' 0, 'dlig' 0, 'fina' 0, 'frac' 0, 'hist' 0, 'hlig' 0, 'init' 0, 'isol' 0, 'kern' 0, 'liga' 0, 'lnum' 0, 'locl' 0, 'mark' 0, 'medi' 0, 'mkmk' 0, 'onum' 0, 'rlig' 0, 'smcp' 0, 'ss**' 0, 'subs' 0, 'sups' 0, 'swsh' 0, 'tnum' 0, 'zero' 0;
-moz-font-feature-settings: 'c2sc' 0, 'calt' 0, 'case' 0, 'dlig' 0, 'fina' 0, 'frac' 0, 'hist' 0, 'hlig' 0, 'init' 0, 'isol' 0, 'kern' 0, 'liga' 0, 'lnum' 0, 'locl' 0, 'mark' 0, 'medi' 0, 'mkmk' 0, 'onum' 0, 'rlig' 0, 'smcp' 0, 'ss**' 0, 'subs' 0, 'sups' 0, 'swsh' 0, 'tnum' 0, 'zero' 0;
-webkit-font-feature-settings: 'c2sc' 0, 'calt' 0, 'case' 0, 'dlig' 0, 'fina' 0, 'frac' 0, 'hist' 0, 'hlig' 0, 'init' 0, 'isol' 0, 'kern' 0, 'liga' 0, 'lnum' 0, 'locl' 0, 'mark' 0, 'medi' 0, 'mkmk' 0, 'onum' 0, 'rlig' 0, 'smcp' 0, 'ss**' 0, 'subs' 0, 'sups' 0, 'swsh' 0, 'tnum' 0, 'zero' 0;
}
</style>



<style type="text/css" media="all">
/* advanced font-typographics: activate everything. ------------------------------------------*/
*{ text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-webkit-text-rendering: optimizeLegibility;

font-feature-settings: 'c2sc' 1, 'calt' 1, 'case' 1, 'dlig' 1, 'fina' 1, 'frac' 1, 'hist' 1, 'hlig' 1, 'init' 1, 'isol' 1, 'kern' 1, 'liga' 1, 'lnum' 1, 'locl' 1, 'mark' 1, 'medi' 1, 'mkmk' 1, 'onum' 1, 'rlig' 1, 'smcp' 1, 'ss**' 1, 'subs' 1, 'sups' 1, 'swsh' 1, 'tnum' 1, 'zero' 1;
-ms-font-feature-settings: 'c2sc' 1, 'calt' 1, 'case' 1, 'dlig' 1, 'fina' 1, 'frac' 1, 'hist' 1, 'hlig' 1, 'init' 1, 'isol' 1, 'kern' 1, 'liga' 1, 'lnum' 1, 'locl' 1, 'mark' 1, 'medi' 1, 'mkmk' 1, 'onum' 1, 'rlig' 1, 'smcp' 1, 'ss**' 1, 'subs' 1, 'sups' 1, 'swsh' 1, 'tnum' 1, 'zero' 1;
-moz-font-feature-settings: 'c2sc' 1, 'calt' 1, 'case' 1, 'dlig' 1, 'fina' 1, 'frac' 1, 'hist' 1, 'hlig' 1, 'init' 1, 'isol' 1, 'kern' 1, 'liga' 1, 'lnum' 1, 'locl' 1, 'mark' 1, 'medi' 1, 'mkmk' 1, 'onum' 1, 'rlig' 1, 'smcp' 1, 'ss**' 1, 'subs' 1, 'sups' 1, 'swsh' 1, 'tnum' 1, 'zero' 1;
-webkit-font-feature-settings: 'c2sc' 1, 'calt' 1, 'case' 1, 'dlig' 1, 'fina' 1, 'frac' 1, 'hist' 1, 'hlig' 1, 'init' 1, 'isol' 1, 'kern' 1, 'liga' 1, 'lnum' 1, 'locl' 1, 'mark' 1, 'medi' 1, 'mkmk' 1, 'onum' 1, 'rlig' 1, 'smcp' 1, 'ss**' 1, 'subs' 1, 'sups' 1, 'swsh' 1, 'tnum' 1, 'zero' 1;
}
</style>