Font-Responsive Text in HTML and CSS - Tryit Editor for Web Developers
Edit This Code:
See Result »
<html> <meta name="viewport" content="width=device-width, initial-scale=2.0"> <style> body { color: gray; } h1 { text-align: center; font-style: italic; } p { text-align: left; font-style: Roman; } </style> <body> <h1 style="font-size:10vw;">Welcome To CSS</h1> <p style="font-size:6vw;">Resize the browser window to see how the text size scales.</p> <p style="font-size:4vw;">Use the "vw" unit when sizing the text.....</p> <img src="logo.jpg"/> </body> </html>
Result: