CSS font-size-adjust Property

CSSWeb DevelopmentFront End Technology

<p>Use the <em>font-size-adjus</em>t property to preserve the readability when font fallback occurs. You can try to run the following code to implement the font-size-adjust property:</p><h2>Example</h2><p><a class="demo" href="http://tpcg.io/edhgvt" rel="nofollow noopener noreferrer" target="_blank">Live Demo</a></p><pre class="prettyprint notranslate">&lt;!DOCTYPE html&gt; &lt;html&gt; &nbsp; &nbsp;&lt;head&gt; &nbsp; &nbsp; &nbsp; &lt;style&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;#demo { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size-adjust: 0.90; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;} &nbsp; &nbsp; &nbsp; &lt;/style&gt; &nbsp; &nbsp;&lt;/head&gt; &nbsp; &nbsp;&lt;body&gt; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Heading Two&lt;/h2&gt; &nbsp; &nbsp; &nbsp; &lt;h2&gt;With font-size-adjust property:&lt;/h2&gt; &nbsp; &nbsp; &nbsp; &lt;div class = &quot;demo&quot;&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;This is demo text. &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Without font-size-adjust property:&lt;/h2&gt; &nbsp; &nbsp; &nbsp; &lt;div&gt;This is demo text.&lt;/div&gt; &nbsp; &nbsp;&lt;/body&gt; &lt;/html&gt;</pre>
raja
Updated on 25-Jun-2020 13:38:57

Advertisements