Add layout test for bug 4192.
[WebKit-https.git] / LayoutTests / fast / text / basic / generic-family-reset.html
1 <html>
2 <head>
3 <title>tt font size bug?</title>
4 <style type="text/css">
5 html, body { 
6 font-family: Verdana; 
7 }
8 tt, span {
9 font-size: 0.8em;
10 }
11 </style>
12 </head>
13 <body>
14 <h3>tt's, font-family inheriting and font-size: a bug</h3>
15 <table cellspacing="10">
16 <tr>
17 <td colspan="2">
18 The css in the head of this file is like this:<br/>
19 <br/>
20 html, body { <br/>
21 &nbsp; &nbsp; font-family: Verdana; <br/>
22 }<br/>
23 tt, span {<br/>
24 &nbsp; &nbsp; font-size: 0.8em;<br/>
25 }<br/>
26 <br/>
27 The two columns below show that inheriting the font does not correctly inherit the font-size for a &lt;tt&gt; block.<br/>
28 </td>
29 </tr>
30 <tr>
31 <th>
32 &lt;tt&gt;
33 </th>
34 <th>
35 &lt;span&gt;
36 </th>
37 </tr>
38 <tr>
39 <td>
40 <tt style="font-family: Verdana;">
41 font-family: Verdana; font-size: 0.8em;
42 </tt>
43 </td>
44 <td>
45 <span style="font-family: Verdana;">
46 font-family: Verdana; font-size: 0.8em;
47 </span>
48 </td>
49 </tr>
50 <tr>
51 <td>
52 <tt style="font-family: inherit;">
53 font-family: inherit (Verdana); font-size: 0.8em;
54 </tt>
55 </td>
56 <td>
57 <span style="font-family: inherit;">
58 font-family: inherit; font-size: 0.8em;
59 </span>
60 </td>
61 </tr>
62 <tr>
63 <td>
64
65 <tt style="font-family: Verdana; font-size: 1.0em;">
66 font-family: Verdana; font-size: 1.0em;
67 </tt>
68 </td>
69 <td>
70 <span style="font-family: Verdana; font-size: 1.0em;">
71 font-family: Verdana; font-size: 1.0em;
72 </span>
73 </td>
74 </tr>
75 <tr>
76 <td>
77 <tt>
78 default font; font-size: 0.8em;
79 </tt>
80 </td>
81 <td>
82 <span style="font-family: Courier;">
83 font-family: courier; font-size: 0.8em;
84 </span>
85 </td>
86 </tr>
87 </body>
88
89 </html>