UNPKG

source-serif

Version:

Source Serif is a set of OpenType fonts to complement the Source Sans family.

adobe-fonts.github.io/source-serif

adobe-fonts/source-serif

73 lines • 4.56 kB
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <title>ss opsz demo</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="../source-serif-caption.css"> <link rel="stylesheet" href="../source-serif-smtext.css"> <link rel="stylesheet" href="../source-serif-text.css"> <link rel="stylesheet" href="../source-serif-subhead.css"> <link rel="stylesheet" href="../source-serif-display.css"> <link rel="stylesheet" href="../source-serif-variable.css"> </head> <body class="dynamic_color"> <header class="dynamic_color"> <h1> ss opsz demo </h1> </header> <main> <div class="ExtraLight"> <h2>ExtraLight</h2> <div style="font-size:8pt">8pt Caption Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:16pt">16pt SmText Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:20pt">20pt Text Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:32pt">32pt Subhead Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:60pt">60pt Display Hamburgefonstiv <i>Hamburgefonstiv</i></div> </div> <div class="Light"> <h2>Light</h2> <div style="font-size:8pt">8pt Caption Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:16pt">16pt SmText Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:20pt">20pt Text Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:32pt">32pt Subhead Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:60pt">60pt Display Hamburgefonstiv <i>Hamburgefonstiv</i></div> </div> <div class="Regular"> <h2>Regular</h2> <div style="font-size:8pt">8pt Caption Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:16pt">16pt SmText Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:20pt">20pt Text Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:32pt">32pt Subhead Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:60pt">60pt Display Hamburgefonstiv <i>Hamburgefonstiv</i></div> </div> <div class="Semibold"> <h2>Semibold</h2> <div style="font-size:8pt">8pt Caption Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:16pt">16pt SmText Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:20pt">20pt Text Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:32pt">32pt Subhead Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:60pt">60pt Display Hamburgefonstiv <i>Hamburgefonstiv</i></div> </div> <div class="Bold"> <h2>Bold</h2> <div style="font-size:8pt">8pt Caption Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:16pt">16pt SmText Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:20pt">20pt Text Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:32pt">32pt Subhead Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:60pt">60pt Display Hamburgefonstiv <i>Hamburgefonstiv</i></div> </div> <div class="Black"> <h2>Black</h2> <div style="font-size:8pt">8pt Caption Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:16pt">16pt SmText Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:20pt">20pt Text Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:32pt">32pt Subhead Hamburgefonstiv <i>Hamburgefonstiv</i></div> <div style="font-size:60pt">60pt Display Hamburgefonstiv <i>Hamburgefonstiv</i></div> </div> </main> </body> </html>