small-caps-missing-capital.html (637B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <style> 4 @font-face { 5 font-family: test; 6 /* A font that supports the π symbol, but does not have a capital PI; 7 and supports the µ sign, but does not have a capital MU. */ 8 src: url(../fonts/Prototype.ttf); 9 } 10 .test { 11 font-family: test; 12 font-size: 24px; 13 font-variant: small-caps; 14 } 15 </style> 16 17 <p>The pi symbol must not be missing:</p> 18 19 <p class=test>π-Test</p> 20 21 <p>The micro sign µ must not be missing:</p> 22 23 <!-- Because we cannot do a fake-small-cap for µ, the complete run 24 "10µs" will be rendered without a small-caps effect. --> 25 <p class=test>Is 10µs the same as 10ms?</p>