2014-06-13 17:14, Philippe Wittenbergh wrote:
Le 13 juin 2014 à 13:57, Jukka K. Korpela <[email protected]> a écrit :t does that (well, browsers do that) even if the font contains small-caps glyphs. This can be seen e.g. by testing the following on IE 11 (in a system that has the Calibri font): <style> * { font-family: Calibri } </style> A <span style="font-size: 80%">A</span> <span style="font-variant: small-caps">a</span> <span style="font-feature-settings: 'smcp'">a</span> You will see, after a normal A, two reduced-size A letters (of roughly the same size), with thinner strokes, since stroke width (for a given font) generally depends on font size. There is no optical illusion: a capital letter (which is not affected by font-variant) just is bolder than the reduced-size letters.Is that the case on Windows? (btw, 7 or 8.x ?)
Yes. Tested on Win 7, with IE 11. Also works on Firefox if I add a -moz- prefixed version.
I cannot reproduce that with Firefox Nightly build running on OS X 10.9.
Do you have Calibri on the system, or is the browser falling back to another font (which probably lacks small-caps glyphs)? And for Firefox, you need to add -moz-font-feature-settings: 'smcp'.
> The font-size: 80% span is visibly lighter, but both small caps glyphs
have the same stroke width / weight / colour as the capital letter.
If you see the last letter as small caps of some kind, then the browser is supporting font-feature-settings or its prefixed version if you have included one.
The strokes are slightly thinner of course, as is to be expected given the difference in font-size, but there is no such glaring difference as one can see with e.g. Arial.
If you are seeing small caps, real (small-caps glyphs) and fake (synthetic) here and they look similar, then the reason might be the font size and/or differences in font rendering, which are known to exist across platforms and browsers. I think you should see a visible difference if you increase the font suitably.
Yucca ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
