محرر ويب أونلاين

​x
 
<!DOCTYPE html>
<html>
    <head>
        <style> 
* {
    font-family: Tahoma, Verdana, sans-serif;
}
            
h1 {
    font-size: 10vw;  /* أي 10% بالنسبة لعرض الشاشة */
}
​
h2 {
    font-size: 7vw;  /* أي 7% بالنسبة لعرض الشاشة */
}
​
p {
    font-size: 3.5vw;  /* أي 3.5% بالنسبة لعرض الشاشة */
}
        </style>
    </head>
    <body>
        <h1>CSS font-size</h1>
        <h2>Set font size in percentage</h2>
        <p>If you resize the window horizontally, all font
           sizes set in % unit will change automatically.</p>
    </body>
</html>