​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
<style>
4
    .a {
5
        font: italic normal 300 1.8em/1.5em Georgia, Times, serif;
6
    }
7
    .b {
8
        font: normal small-caps 300 1.8em/1.5em Georgia, Times, serif;
9
    }
10
    .c {
11
        font: normal normal 400 1.8em/1.5em  Georgia, Times, serif;
12
    }
13
    .d {
14
        font: normal normal 300 1.8em/1.5em  Helvetica, Arial, sans-serif;
15
    }
16
    .e {
17
        font: normal normal bold 1.8em/1.5em  Helvetica, Arial, sans-serif;
18
    }
19
</style>
20
​
21
<p class="a">Some Random Text to Demonstrate the Effect.</p>
22
<p class="b">Some Random Text to Demonstrate the Effect.</p>
23
<p class="c">Some Random Text to Demonstrate the Effect.</p>
24
<p class="d">Some Random Text to Demonstrate the Effect.</p>
25
<p class="e">Some Random Text to Demonstrate the Effect.</p>