-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (100 loc) · 2.86 KB
/
index.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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Caulixtla: A compact web font set</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
@import url('inline-fonts.css');
@font-face {
font-family: 'CaulixtlaMono';
src: url('MiscFonts/WTerm/WTerm.woff2') format('woff2'),
url('MiscFonts/WTerm/WTerm.woff') format('woff');
}
.sc {
font-family: 'SmallCaps';
}
.sb {
font-family: 'CaulixtlaB';
}
tt {
font-family: 'CaulixtlaMono';
}
body {
font-family: Caulixtla, "Comic Sans MS", fantasy;
font-size: 14pt;
}
</style>
</head>
<body>
<h1>The Caulixtla Font set</h1>
This is a set of six different fonts (three type faces) which I use
on <a href=http://samiam.org>my personal webpage</a>:
<ul>
<li>Serif regular
<li><i>Serif italic</i>
<li><div class=sb>Serif bold</div>
<li><b>Sans semi-bold</b>
<li><div class=sc>Sans semi-bold Small Caps</div>
<li><tt>Monospace</tt>
</ul>
In order to minimum page load times, the fonts
have been subsetted to have only
symbols in English and Spanish. Here is how the primary
fonts (Serif regular, Serif italic, and Sans semi-bold) are subsetted:
<p>
<img src=000XASCII.png>
<p>
The fonts have been converted in to all modern web font formats: WOFF,
WOFF2, the short-lived and obsolete SVG font format, and even
the now-obsolete EOT used in first-2000s-decade versions of
Internet Explorer. In addition, the Fontforge .sfd source files
are available for the primary fonts (Again: Serif regular, Serif italic,
and Sans semi-bold).
<p>
Files can be viewed at <a href=https://github.com/samboy/CaulixtlaFonts>the
GitHub repo</a>. There’s also <a href=sample.html>a sample of how text
looks rendered with the primary fonts</a>.
<p>
The fonts are open source, as described in
<a href=COPYING.TXT>COPYING.TXT</a>.
<hr>
!"#$%&'()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~
ÁÉÍÑÓÚÜ¡•«»—áéíñóúü¿‘’“”©∞→
a→b→c→d→e
<p>
<i>
!"#$%&'()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~
ÁÉÍÑÓÚÜ¡•«»—áéíñóúü¿‘’“”©∞→
a→b→c→d→e
</i>
<p>
<b>
!"#$%&'()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~
ÁÉÍÑÓÚÜ¡•«»—áéíñóúü¿‘’“”©∞→
a→b→c→d→e
</b>
<p>
<div class=sb>
,.0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÁÉÍÑÓÚÜáéíñóúü
</div>
<p>
<div class=sc>
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÁÉÍÑÓÚáéíñóúü
</div>
<p>
<tt>
!"#$%&'()*+,-./0123456789:;<=>?
@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_
`abcdefghijklmnopqrstuvwxyz{|}~
ÁÉÍÑÓÚÜ¡áéíñóúü¿‘’“”
</tt>
</body></html>