Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS Web Safe Fonts</title> <style> .sans-serif-font { font-family: Arial, Helvetica, sans-serif; } .serif-font { font-family: "Times New Roman", Times, serif; } .monospace-font { font-family: "Courier New", Courier, monospace; } </style> </head> <body> <h2>Normal Text</h2> <p class="sans-serif-font">This is normal text in sans-serif font.</p> <p class="serif-font">This is normal text in serif font.</p> <p class="monospace-font">This is normal text in monospace font.</p> <h2>Bold Text</h2> <p class="sans-serif-font"><b>This is bold text in sans-serif font.</b></p> <p class="serif-font"><b>This is bold text in serif font.</b></p> <p class="monospace-font"><b>This is bold text in monospace font.</b></p> </body> </html>