Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS Font Size</title> </head> <body> <p style="font-size:xx-small;">This font size is extremely small.</p> <p style="font-size:x-small;">This font size is extra small</p> <p style="font-size:small;">This font size is small</p> <p style="font-size:medium;">This font size is medium.</p> <p style="font-size:large;">This font size is large.</p> <p style="font-size:x-large;">This font size is extra large.</p> <p style="font-size:xx-large;">This font size is extremely large.</p> <p style="font-size:smaller;">This font size is smaller.</p> <p style="font-size:larger;">This font size is larger.</p> <p style="font-size:200%;">This font size is set on 200%.</p> <p style="font-size:20px;">This font size is 20 pixels.</p> </body> </html>