<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Using the font shorthand property</title> <style type="text/css"> body { font-size: 12px; } h1 { font: bold 1.2em/1.25em Georgia, serif; margin: 1.5em 0 0.25em 0; } p { margin: 0; width: 35em; } p.one { font: 1em/1.5 Georgia, serif; }
</style> </head> <body> <h1>font: 1em/1.5 Georgia, serif</h1> <p class="one"> this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. </p> <h1>font: bold 1em/1.5 Verdana, sans-serif</h1> <p class="two"> this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. </p> <h1>font: italic 1em/1.5 Georgia, serif</h1> <p class="three"> this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. </p> </body> </html>
