Skip to content

Commit 166b3e2

Browse files
daveragedaverage
committed
General Updates
1 parent ea2518b commit 166b3e2

6 files changed

Lines changed: 44 additions & 45 deletions

File tree

‎css/easytype.css‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -5,88 +5,88 @@
55
*/
66

77
@font-face {
8-
font-family: 'EasyTypeSans';
8+
font-family: 'EasyType Sans';
99
src: url('../fonts/web/EasyTypeSans-Regular.woff2') format('woff2'),
1010
url('../fonts/ttf/EasyTypeSans-Regular.ttf') format('truetype');
1111
font-weight: 400;
1212
font-style: normal;
1313
}
1414
@font-face {
15-
font-family: 'EasyTypeSans';
15+
font-family: 'EasyType Sans';
1616
src: url('../fonts/web/EasyTypeSans-Italic.woff2') format('woff2'),
1717
url('../fonts/ttf/EasyTypeSans-Italic.ttf') format('truetype');
1818
font-weight: 400;
1919
font-style: italic;
2020
}
2121
@font-face {
22-
font-family: 'EasyTypeSans';
22+
font-family: 'EasyType Sans';
2323
src: url('../fonts/web/EasyTypeSans-Bold.woff2') format('woff2'),
2424
url('../fonts/ttf/EasyTypeSans-Bold.ttf') format('truetype');
2525
font-weight: 700;
2626
font-style: normal;
2727
}
2828
@font-face {
29-
font-family: 'EasyTypeSans';
29+
font-family: 'EasyType Sans';
3030
src: url('../fonts/web/EasyTypeSans-BoldItalic.woff2') format('woff2'),
3131
url('../fonts/ttf/EasyTypeSans-BoldItalic.ttf') format('truetype');
3232
font-weight: 700;
3333
font-style: italic;
3434
}
3535

36-
/* EasyTypeFocus */
36+
/* EasyType Focus */
3737
@font-face {
38-
font-family: 'EasyTypeFocus';
38+
font-family: 'EasyType Focus';
3939
src: url('../fonts/web/EasyTypeFocus-Regular.woff2') format('woff2'),
4040
url('../fonts/ttf/EasyTypeFocus-Regular.ttf') format('truetype');
4141
font-weight: 400;
4242
font-style: normal;
4343
}
4444
@font-face {
45-
font-family: 'EasyTypeFocus';
45+
font-family: 'EasyType Focus';
4646
src: url('../fonts/web/EasyTypeFocus-Italic.woff2') format('woff2'),
4747
url('../fonts/ttf/EasyTypeFocus-Italic.ttf') format('truetype');
4848
font-weight: 400;
4949
font-style: italic;
5050
}
5151
@font-face {
52-
font-family: 'EasyTypeFocus';
52+
font-family: 'EasyType Focus';
5353
src: url('../fonts/web/EasyTypeFocus-Bold.woff2') format('woff2'),
5454
url('../fonts/ttf/EasyTypeFocus-Bold.ttf') format('truetype');
5555
font-weight: 700;
5656
font-style: normal;
5757
}
5858
@font-face {
59-
font-family: 'EasyTypeFocus';
59+
font-family: 'EasyType Focus';
6060
src: url('../fonts/web/EasyTypeFocus-BoldItalic.woff2') format('woff2'),
6161
url('../fonts/ttf/EasyTypeFocus-BoldItalic.ttf') format('truetype');
6262
font-weight: 700;
6363
font-style: italic;
6464
}
6565

66-
/* EasyTypeDyslexic */
66+
/* EasyType Dyslexic */
6767
@font-face {
68-
font-family: 'EasyTypeDyslexic';
68+
font-family: 'EasyType Dyslexic';
6969
src: url('../fonts/web/EasyTypeDyslexic-Regular.woff2') format('woff2'),
7070
url('../fonts/ttf/EasyTypeDyslexic-Regular.ttf') format('truetype');
7171
font-weight: 400;
7272
font-style: normal;
7373
}
7474
@font-face {
75-
font-family: 'EasyTypeDyslexic';
75+
font-family: 'EasyType Dyslexic';
7676
src: url('../fonts/web/EasyTypeDyslexic-Italic.woff2') format('woff2'),
7777
url('../fonts/ttf/EasyTypeDyslexic-Italic.ttf') format('truetype');
7878
font-weight: 400;
7979
font-style: italic;
8080
}
8181
@font-face {
82-
font-family: 'EasyTypeDyslexic';
82+
font-family: 'EasyType Dyslexic';
8383
src: url('../fonts/web/EasyTypeDyslexic-Bold.woff2') format('woff2'),
8484
url('../fonts/ttf/EasyTypeDyslexic-Bold.ttf') format('truetype');
8585
font-weight: 700;
8686
font-style: normal;
8787
}
8888
@font-face {
89-
font-family: 'EasyTypeDyslexic';
89+
font-family: 'EasyType Dyslexic';
9090
src: url('../fonts/web/EasyTypeDyslexic-BoldItalic.woff2') format('woff2'),
9191
url('../fonts/ttf/EasyTypeDyslexic-BoldItalic.ttf') format('truetype');
9292
font-weight: 700;

‎css/styles.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ html, body { margin:0; padding:0; }
1414
body {
1515
background: var(--bg);
1616
color: var(--text);
17-
font-family: 'EasyTypeSans', system-ui, -apple-system, sans-serif;
17+
font-family: 'EasyType Sans', system-ui, -apple-system, sans-serif;
1818
line-height: 1.6;
1919
}
2020

@@ -30,7 +30,7 @@ body {
3030
}
3131
.header h1 {
3232
margin: 0;
33-
font-family: 'EasyTypeSans';
33+
font-family: 'EasyType Sans';
3434
font-weight: 700;
3535
letter-spacing: .2px;
3636
font-size: 2rem;
@@ -65,7 +65,7 @@ body {
6565
}
6666

6767
h2 {
68-
font-family: 'EasyTypeSans';
68+
font-family: 'EasyType Sans';
6969
font-size: 1.1rem;
7070
margin: 0 0 8px;
7171
}

‎demo.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>EasyType – Full Specimen (EasyTypeSans, EasyTypeFocus, EasyTypeDyslexic × Regular/Italic/Bold/Bold Italic)</title>
6+
<title>EasyType – Full Specimen (EasyType Sans, EasyType Focus, EasyType Dyslexic × Regular/Italic/Bold/Bold Italic)</title>
77

88
<link rel="stylesheet" href="css/easytype.css">
99

@@ -40,7 +40,7 @@
4040
margin:0;
4141
color:var(--fg);
4242
background:var(--bg);
43-
font: 15px/1.5 "EasyTypeSans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", sans-serif;
43+
font: 15px/1.5 "EasyType Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", sans-serif;
4444
}
4545

4646
header{
@@ -145,9 +145,9 @@
145145
}
146146

147147
/* Font family classes */
148-
.of-sans{ font-family: "EasyTypeSans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", sans-serif; }
149-
.of-focus{ font-family: "EasyTypeFocus", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", sans-serif; }
150-
.of-dys{ font-family: "EasyTypeDyslexic", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", sans-serif; }
148+
.of-sans{ font-family: "EasyType Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", sans-serif; }
149+
.of-focus{ font-family: "EasyType Focus", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", sans-serif; }
150+
.of-dys{ font-family: "EasyType Dyslexic", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", sans-serif; }
151151
.of-noto{ font-family: "Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
152152
</style>
153153
</head>
@@ -179,9 +179,9 @@
179179
</header>
180180

181181
<main>
182-
<!-- FAMILY: EasyTypeSans -->
182+
<!-- FAMILY: EasyType Sans -->
183183
<section class="family">
184-
<h2>EasyTypeSans</h2>
184+
<h2>EasyType Sans</h2>
185185
<div class="grid of-sans">
186186
<!-- Regular -->
187187
<div class="card">
@@ -241,9 +241,9 @@ <h2>EasyTypeSans</h2>
241241
</div>
242242
</section>
243243

244-
<!-- FAMILY: EasyTypeFocus -->
244+
<!-- FAMILY: EasyType Focus -->
245245
<section class="family">
246-
<h2>EasyTypeFocus</h2>
246+
<h2>EasyType Focus</h2>
247247
<div class="grid of-focus">
248248
<!-- Regular -->
249249
<div class="card">
@@ -303,9 +303,9 @@ <h2>EasyTypeFocus</h2>
303303
</div>
304304
</section>
305305

306-
<!-- FAMILY: EasyTypeDyslexic -->
306+
<!-- FAMILY: EasyType Dyslexic -->
307307
<section class="family">
308-
<h2>EasyTypeDyslexic</h2>
308+
<h2>EasyType Dyslexic</h2>
309309
<div class="grid of-dys">
310310
<!-- Regular -->
311311
<div class="card">

‎font.py‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -36,9 +36,9 @@
3636

3737
# -------------------- Families -----------------------
3838
FAMILIES = {
39-
"EasyTypeSans": ({"Regular":400,"Italic":400,"Bold":700,"BoldItalic":700}, 0.25, 1.02, 1.06, 1.12, 0.8),
40-
"EasyTypeFocus": ({"Regular":400,"Italic":400,"Bold":700,"BoldItalic":700}, 0.40, 1.06, 1.14, 1.24, 1.0),
41-
"EasyTypeDyslexic": ({"Regular":400,"Italic":400,"Bold":700,"BoldItalic":700}, 0.55, 1.10, 1.22, 1.32, 1.0),
39+
"EasyType Sans": ({"Regular":400,"Italic":400,"Bold":700,"BoldItalic":700}, 0.25, 1.02, 1.06, 1.12, 0.8),
40+
"EasyType Focus": ({"Regular":400,"Italic":400,"Bold":700,"BoldItalic":700}, 0.40, 1.06, 1.14, 1.24, 1.0),
41+
"EasyType Dyslexic": ({"Regular":400,"Italic":400,"Bold":700,"BoldItalic":700}, 0.55, 1.10, 1.22, 1.32, 1.0),
4242
}
4343

4444
VERSION_STR = "EasyType v1.0.2"

‎index.html‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,6 @@
2121
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
2222
<link rel="manifest" href="assets/site.webmanifest">
2323
<link rel="stylesheet" href="css/easytype.css">
24-
<link rel="stylesheet" href="css/styles.css">
2524
<style>
2625
:root {
2726
--bg: #fafafa;
@@ -41,7 +40,7 @@
4140
margin: 0;
4241
background: var(--bg);
4342
color: var(--text);
44-
font-family: 'EasyTypeSans', system-ui, -apple-system, sans-serif;
43+
font-family: 'EasyType Sans', system-ui, -apple-system, sans-serif;
4544
line-height: 1.6;
4645
font-size: 16px;
4746
}
@@ -175,22 +174,22 @@ <h1>EasyType</h1>
175174

176175
<main class="wrap">
177176
<section class="grid" id="specimens">
178-
<article class="card" data-family="EasyTypeSans">
179-
<div class="tag">EasyTypeSans</div>
177+
<article class="card" data-family="EasyType Sans">
178+
<div class="tag">EasyType Sans</div>
180179
<h2>Balanced default</h2>
181180
<p class="sample">The quick brown fox jumps over the lazy dog. Reading should feel calm, anchored, and unhurried.</p>
182181
<p class="small">Neutral rhythm, gentle anchoring, and comfort spacing for everyday use in interfaces or long-form text.</p>
183182
</article>
184183

185-
<article class="card" data-family="EasyTypeFocus">
186-
<div class="tag">EasyTypeFocus</div>
184+
<article class="card" data-family="EasyType Focus">
185+
<div class="tag">EasyType Focus</div>
187186
<h2>For attention and rhythm</h2>
188187
<p class="sample">Spacing and entry anchors guide the eye from word to word, improving reading flow for those with attention variability.</p>
189188
<p class="small">Slightly wider spacing reduces crowding and supports smoother saccades - ideal for focus or study modes.</p>
190189
</article>
191190

192-
<article class="card" data-family="EasyTypeDyslexic">
193-
<div class="tag">EasyTypeDyslexic</div>
191+
<article class="card" data-family="EasyType Dyslexic">
192+
<div class="tag">EasyType Dyslexic</div>
194193
<h2>Clarity under pressure</h2>
195194
<p class="sample">Higher x-height, stronger baseline anchors, and open shapes reduce confusion between similar letters.</p>
196195
<p class="small">Designed for visual clarity, fatigue reduction, and accessible learning materials.</p>
@@ -206,7 +205,7 @@ <h2>Why it was built</h2>
206205
<li><strong>Raised x-height</strong> and <strong>increased openness</strong> improve letter recognition and reduce misreads, supported by studies on dyslexic perception of type.</li>
207206
<li><strong>Adaptive spacing</strong> - slightly wider letter and word spacing - mitigates crowding and supports working-memory pacing.</li>
208207
</ul>
209-
<p>EasyType blends these principles into three variants - EasyTypeSans, EasyTypeFocus, and EasyTypeDyslexic - so designers, educators, and readers can select what feels most comfortable.</p>
208+
<p>EasyType blends these principles into three variants - EasyType Sans, EasyType Focus, and EasyType Dyslexic - so designers, educators, and readers can select what feels most comfortable.</p>
210209
</section>
211210

212211
<section class="grid">
@@ -217,7 +216,7 @@ <h2>Download or embed</h2>
217216
<p><strong>Web embed:</strong></p>
218217
<p><code>&lt;link rel="stylesheet" href="https://daverage.github.io/EasyType/css/easytype.css?v=1.0.0"&gt;</code></p>
219218
<p><strong>Desktop install:</strong> grab the full family as <a href="https://www.marczewski.me.uk/easytype/easytypesans.zip">easytypesans.zip</a> for macOS or Windows.</p>
220-
<p><strong>Interactive specimen:</strong> explore every weight, style, and feature on the <a href="demo.html">live demo page</a> (it loads the same EasyTypeSans web include used in production).</p>
219+
<p><strong>Interactive specimen:</strong> explore every weight, style, and feature on the <a href="demo.html">live demo page</a> (it loads the same EasyType Sans web include used in production).</p>
221220
</article>
222221

223222
<article class="card">

‎readme.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ I live with both ADHD and dyslexia, and EasyType started as a personal experimen
1212

1313
| Font | Description |
1414
|------|--------------|
15-
| **EasyTypeSans** | Neutral rhythm and mild anchoring for everyday interfaces and long-form text. |
16-
| **EasyTypeFocus** | Wider letter and word spacing to support attentional flow and reduce visual crowding. |
17-
| **EasyTypeDyslexic** | Higher x-height, stronger entry anchors, and open counters for maximum clarity under reading pressure. |
15+
| **EasyType Sans** | Neutral rhythm and mild anchoring for everyday interfaces and long-form text. |
16+
| **EasyType Focus** | Wider letter and word spacing to support attentional flow and reduce visual crowding. |
17+
| **EasyType Dyslexic** | Higher x-height, stronger entry anchors, and open counters for maximum clarity under reading pressure. |
1818

1919
Each family includes:
2020
- Regular, Italic, Bold, and Bold Italic styles
@@ -99,7 +99,7 @@ Example CSS:
9999

100100
```css
101101
body {
102-
font-family: 'EasyTypeSans', system-ui, sans-serif;
102+
font-family: 'EasyType Sans', system-ui, sans-serif;
103103
line-height: 1.6;
104104
color: #141414;
105105
}

0 commit comments

Comments
 (0)