index.html

--- layout: single property_name: font-variant ---<section id="font-variant" class="property"><header class="property-header"><nav class="property-links"><a class="property-links-direct" href="{{site.url}}/property/font-variant/" data-property-name="font-variant" data-tooltip="Single page for this property" target="_blank">Link</a> <a class="property-share" data-tooltip="Share on Twitter or Facebook" data-property-name="font-variant">Share</a> <a target="_blank" href="https://developer.mozilla.org/en/docs/Web/CSS/font-variant" data-tooltip="See on Mozilla Developer Network" rel="external">MDN</a></nav><h2 class="property-name"><a href="{{site.url}}/#font-variant"><span>#</span>font-variant</a></h2><div class="property-description"><p>Defines which glyph to use for each letter.</p></div></header><style type="text/css">.font-variant { font-size: 1.2em; }</style><section class="example"><header class="example-header"><p class="example-name"><code class="example-default" data-tooltip="This is the property's default value">default</code> <code class="example-value" data-tooltip="Click to copy" data-clipboard-text="font-variant: normal;">font-variant: normal;</code></p><div class="example-description"><p>Each letter uses its <strong>normal</strong> glyph.</p></div></header><aside class="example-preview"><div class="example-browser"><i></i><i></i><i></i></div><div class="example-output"><div class="example-output-div font-variant" id="font-variant-normal">Hello world</div></div></aside><style type="text/css">#font-variant-normal{ font-variant:normal;}</style></section><section class="example"><header class="example-header"><p class="example-name"><code class="example-value" data-tooltip="Click to copy" data-clipboard-text="font-variant: small-caps;">font-variant: small-caps;</code></p><div class="example-description"><p>Each letter uses its <strong>small capitalized</strong> version.</p></div></header><aside class="example-preview"><div class="example-browser"><i></i><i></i><i></i></div><div class="example-output"><div class="example-output-div font-variant" id="font-variant-small-caps">Hello world</div></div></aside><style type="text/css">#font-variant-small-caps{ font-variant:small-caps;}</style></section></section>