-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
53 lines (38 loc) · 1.34 KB
/
test.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
<html>
<head>
<title>Webfonts Testseite</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
/* With the styles below we apply the font settings defined above */
body {
font-family: "PT Sans", monospace;
font-weight: normal;
font-size: 20px;
}
bold, strong {
font-family: "PT Sans", monospace;
font-weight: bold;
}
h1 {
font-family: 'Arvo Gruen', monospace;
font-weight: bold;
}
h2, h3, h4 {
font-family: Arvo, monospace;
font-weight: normal;
}
.monospace {
font-family: monospace;
}
</style>
</head>
<body>
<h1>Das ist eine Seitenüberschrift (H1) in Arvo Gruen</h1>
<h2>Das ist eine Zwischenüberschrift (H2) in Arvo</h2>
<p>Normaler Text erscheint in der PT Sans.</p>
<p>Hier ein Beispiel für <strong>fett hervorgehobenen Text in PT Sans Bold</strong></p>
<p>Beachte: es gibt <em>keine kursiven Schnitte</em>, weder für Überschriften, noch für normalen Text. Formatierst Du trotzdem Texte mit dem <code>i</code> oder <code>em</code> tag oder verwendest den CSS <code>font-style: italic</code>, wird dieser Schnitt vom System erzeugt, was qualitativ nur ein mäßiges Ergebnis erzeugt.</p>
<p>Fehlerhaft geladene bzw. formatierte Texte erscheinen <span class="monospace">in dieser Schrift</span>.</p>
</body>
</html>