Experiments • HTML

Test on LAMBDATEST    Test on LAMBDATEST


<!DOCTYPE html>
<meta name="robots" content="noindex">

<html>
<head>
  <title>Experiment: The font-size-adjust Property | LambdaTest</title>
<style>
body{
  background: #000;
}
.main-div{
  width: 500px;
  margin: 0px auto;
  display: block;
  background: #fff;
  height: 400px;
  margin-top: 40px;
  padding: 30px;
}
div.a {
  font-family: verdana;
}
div.b {font-family: 'times new roman';}
#div1, #div2 {
  hanging-punctuation: first;
}
</style>
<!-- Google Tag Manager -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-833407987"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());
  gtag('config', 'AW-833407987');
</script>
<!-- Google Tag Manager -->
</head>
<body>
<div class="main-div">  

<h1>The font-size-adjust Property</h1>

<p><b>Note:</b> Only Firefox supports the font-size-adjust property.</p>

<h2>Two divs with the same font-size-adjust property:</h2>
<div id="div1" class="a">
You control the font size better with the font-size-adjust property.
</div>
<div id="div2" class="b">
You control the font size better with the font-size-adjust property.
</div>

<h2>Two divs without the font-size-adjust property:</h2>
<div class="a">
You control the font size better with the font-size-adjust property.
</div>
<div class="b">
You control the font size better with the font-size-adjust property.
</div>
</div>

</body>
</html>