third_party/WebKit/LayoutTests/fast/css/font-face-multiple-faces-expected.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

<style>
    .courier {
        font-family: 'Courier', 'Courier New';
    }
    .helvetica {
        font-family: 'Helvetica', 'Arial';
    }
    .papyrus {
        font-family: 'Papyrus', 'Times', 'Times New Roman';
    }
    .ahem {
        font-family: 'Ahem';
    }

    div { border: 1px solid lightblue; margin: 4px; }
</style>

<p>
    Each font name in that font:
</p>
<div class="helvetica">
    <b>Helvetica bold</b> Helvetica <i class="courier">Courier syn. italic <b class="papyrus">Papyrus syn. bold syn. italic</b></i>
</div>

<div class="courier">
    <span style="font-weight: 400">Courier</span>
    <span style="font-weight: 400">Courier</span>
    <span style="font-weight: 400">Courier</span>
    <span style="font-weight: 400">Courier</span>
    <span style="font-weight: 400">Courier</span>
    <span style="font-weight: 700" class="helvetica">Helvetica Bold</span>
    <span style="font-weight: 700" class="helvetica">Helvetica Bold</span>
    <span style="font-weight: 900" class="papyrus">Papyrus syn. bold</span>
    <span style="font-weight: 900" class="papyrus">Papyrus syn. bold</span>
</div>

<div class="courier">
    <span style="font-weight: 300">Courier</span>
    <span style="font-weight: 300">Courier</span>
    <span style="font-weight: 300">Courier</span>
    <span style="font-weight: 300">Courier</span>
    <span style="font-weight: 300">Courier</span>
    <span style="font-weight: 600" class="helvetica">Helvetica Bold</span>
    <span style="font-weight: 600" class="helvetica">Helvetica Bold</span>
    <span style="font-weight: 600" class="helvetica">Helvetica Bold</span>
    <span style="font-weight: 600" class="helvetica">Helvetica Bold</span>
</div>

<div class="courier">
    <span style="font-weight: 100">Courier</span>
    <span style="font-weight: 100">Courier</span>
    <span style="font-weight: 100">Courier</span>
    <span style="font-weight: 100">Courier</span>
    <span style="font-weight: 100">Courier</span>
    <span style="font-weight: 900" class="helvetica">Helvetica Bold</span>
    <span style="font-weight: 900" class="helvetica">Helvetica Bold</span>
    <span style="font-weight: 900" class="helvetica">Helvetica Bold</span>
    <span style="font-weight: 900" class="helvetica">Helvetica Bold</span>
</div>