This can be useful for uppercase initialisms, like Instead of 'smcp', capital letters will be rendered If you use the value 'c2sc' (caps to small caps) Lowercase letters only uppercase letters are unaffected. In practice, to maximize browser coverage, you should use code In the table at the start of this page, short CSS code was presented. Least when a suitable vendor-prefixed version of it is included Īny reasonably new version of Firefox or Chrome or version 10 or newer of IE availability of that font in the user’s system.a font that contains such glyphs and conforms to OpenType.To make use of this in an HTML document, you need The OpenType specification allows a font to containīoth normal and small-caps glyphs for lowercase letters in a manner Used in phonetic notations), but no letters with diacritic marks They currently containĪll basic Latin letters from a to z except q and x (since these are not They have been included due to the use of smallĬaps in phonetic notations, especially IPA. There are Unicode characters that specifically designate.Such a font may be part of a font family that has A font may be designed so that lowercase letters are shown.Some special mechanism is then needed to instruct rendering software True small caps may be available in three ways:Īlternative glyphs for lowercase letters. The effect varies from minor to considerable,ĭepending on the font, on the size, and on the rendering Strokes, since font size reduction affects stroke width, too.

In particular, their stroke widthsĪre similar to those in other glyphs. True small caps have been designed by a typographer to fit theĬharacteristics of the font. In Microsoft Office Word), but this generally produces Synthetic small caps, are uppercase letters in reduced font size.Īs an aside, word processors typically have a commandįor turning text to “small caps” (e.g. Small caps are used for various stylistic purposes. Or descenders, such as those for x, a, and s. The x-height is the height of lowercase glyphs without ascenders Height equal to or little larger than the x-height of the font. With shapes similar to uppercase letters but with Small caps are glyphs for lowercase letters The code samples intentionally use the fontĮlement, because this is really about fonts. Hᴇ ʟ ʟ ᴏ o Reduced-size uppercase H ELLOo The sample text in the second column may or may not lookĪppropriate, depending on support to the method in The methods are summarized in the following table. On web pages, all with limitations and problems. There are several ways to implement small caps (small capitals) Use the CSS font-size property to determine the size of your text.Small caps on web pages – techniques and problems Small caps on web pages

Make text smaller html