5
--
<!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>
Experiments • HTML