Skip to content

Commit bb3f159

Browse files
JayPanozJayPanoz
committed
Add Atkinson Hyperlegible in variable fonts doc
1 parent 590a70d commit bb3f159

File tree

9 files changed

+1443
-1393
lines changed

9 files changed

+1443
-1393
lines changed

‎docs/CSS10b-variable_fonts.md

+29-12
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@ Then each font was:
145145

146146
Global info:
147147

148-
- Source: https://github.com/productiontype/Newsreader
148+
- Source: [https://github.com/productiontype/Newsreader](https://github.com/productiontype/Newsreader)
149149
- Google Fonts: YES
150150
- Design: Production Type
151151
- License: SIL-OFL
@@ -167,7 +167,7 @@ Variations: weight (`200–800`), optical sizing.
167167

168168
Global info:
169169

170-
- Source: https://github.com/georgd/EB-Garamond
170+
- Source: [https://github.com/georgd/EB-Garamond](https://github.com/georgd/EB-Garamond)
171171
- Google Fonts: YES
172172
- Design: Georg Duffner, Octavio Pardo
173173
- License: SIL-OFL
@@ -189,7 +189,7 @@ Variations: weight (`400–800`)
189189

190190
Global info:
191191

192-
- Source: https://github.com/Fonthausen/CrimsonPro
192+
- Source: [https://github.com/Fonthausen/CrimsonPro](https://github.com/Fonthausen/CrimsonPro)
193193
- Google Fonts: YES
194194
- Design: Jacques Le Bailly
195195
- License: SIL-OFL
@@ -219,7 +219,7 @@ Variations: weight (`200–900`)
219219

220220
Global info:
221221

222-
- Source: https://github.com/CommercialType/RobotoSerif
222+
- Source: [https://github.com/CommercialType/RobotoSerif](https://github.com/CommercialType/RobotoSerif)
223223
- Google Fonts: YES
224224
- Design: Commercial Type, Greg Gazdowicz
225225
- License: SIL-OFL
@@ -241,7 +241,7 @@ Variations: weight (`100–900`), width (`50–150`), optical sizing
241241

242242
Global info:
243243

244-
- Source: http://github.com/adobe-fonts/source-serif-pro/releases/latest
244+
- Source: [http://github.com/adobe-fonts/source-serif-pro/releases/latest](http://github.com/adobe-fonts/source-serif-pro/releases/latest)
245245
- Google Fonts: YES
246246
- Design: Frank Grießhammer
247247
- License: SIL-OFL
@@ -271,7 +271,7 @@ Variations: weight (`200–900`), optical sizing
271271

272272
Global info:
273273

274-
- Source: https://github.com/googlefonts/roboto-flex
274+
- Source: [https://github.com/googlefonts/roboto-flex](https://github.com/googlefonts/roboto-flex)
275275
- Google Fonts: YES
276276
- Design: Font Bureau, David Berlow, Santiago Orozco, Irene Vlachou, Ilya Ruderman, Yury Ostromentsky, Mikhail Strukov
277277
- License: SIL-OFL
@@ -293,7 +293,7 @@ Variations: weight (`100–1000`), width (`25–151`), optical sizing
293293

294294
Global info:
295295

296-
- Source: https://github.com/uswds/public-sans
296+
- Source: [https://github.com/uswds/public-sans](https://github.com/uswds/public-sans)
297297
- Google Fonts: YES
298298
- Design: USWDS, Dan Williams, Pablo Impallari, Rodrigo Fuenzalida
299299
- License: SIL-OFL
@@ -321,7 +321,7 @@ Variations: weight (`100–900`)
321321

322322
Global info:
323323

324-
- Source: https://github.com/impallari/Cabin
324+
- Source: [https://github.com/impallari/Cabin](https://github.com/impallari/Cabin)
325325
- Google Fonts: YES
326326
- Design: Impallari Type, Rodrigo Fuenzalida
327327
- License: SIL-OFL
@@ -345,7 +345,7 @@ Variations: weight (`400–700`), width (`75–100`)
345345

346346
Global info:
347347

348-
- Source: https://github.com/adobe-fonts/source-code-pro/releases/latest
348+
- Source: [https://github.com/adobe-fonts/source-code-pro/releases/latest](https://github.com/adobe-fonts/source-code-pro/releases/latest)
349349
- Google Fonts: YES
350350
- Design: Paul D. Hunt
351351
- License: SIL-OFL
@@ -361,14 +361,31 @@ OpenType Features: none.
361361

362362
Variations: weight (`200–900`)
363363

364+
## Accessibility
365+
366+
A variable version of [Atkinson Hyperlegible Next](https://www.brailleinstitute.org/freefont/?_sc=NjQ1ODg2NiM2ODIzNA%3D%3D#:~:text=The%20Atkinson%20Hyperlegible%20Next%E2%84%A2%20Font) and [Atkinson Hyperlegible Mono](https://www.brailleinstitute.org/freefont/?_sc=NjQ1ODg2NiM2ODIzNA%3D%3D#:~:text=The%20Atkinson%20Hyperlegible%20Mono%E2%84%A2%20Font) are available, with support for over 150 languages.
367+
368+
These 2 fonts are also available on [Google Fonts](https://fonts.google.com/?query=Atkinson).
369+
370+
Global info:
371+
372+
- Source: [https://www.brailleinstitute.org/freefont](https://www.brailleinstitute.org/freefont)
373+
- Google Fonts: YES
374+
- Design: Braille Institute, Applied Design Works, Elliott Scott, Megan Eiswerth, Letters from Sweden
375+
- License: SIL-OFL
376+
377+
OpenType Features: numeric figure values.
378+
379+
Variations: weight (`200–800`)
380+
364381
## Arabic (ar) and Persian (fa)
365382

366383
### Estedad
367384

368385
Global info:
369386

370-
- Source: https://github.com/aminabedi68/Estedad
371-
- Google Fonts: No
387+
- Source: [https://github.com/aminabedi68/Estedad](https://github.com/aminabedi68/Estedad)
388+
- Google Fonts: NO
372389
- Design: Amin Abedi
373390
- License: SIL-OFL
374391

@@ -380,7 +397,7 @@ Variations: weight (`100–900`)
380397

381398
Global info:
382399

383-
- Source: https://github.com/BornaIz/markazitext
400+
- Source: [https://github.com/BornaIz/markazitext](https://github.com/BornaIz/markazitext)
384401
- Google Fonts: YES
385402
- Design: Borna Izadpanah, Florian Runge, Fiona Ross
386403
- License: SIL-OFL

‎docs/ReadiumCSS_docs.epub

3.6 KB
Binary file not shown.

‎docs/ReadiumCSS_docs/OEBPS/Images/segoe-ui-variable.png

100755100644
File mode changed.

‎docs/ReadiumCSS_docs/OEBPS/Text/Section-010b.xhtml

+36-12
Original file line numberDiff line numberDiff line change
@@ -204,7 +204,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
204204
<p>Global info:</p>
205205

206206
<ul>
207-
<li>Source: https://github.com/productiontype/Newsreader</li>
207+
<li>Source: <a href="https://github.com/productiontype/Newsreader">https://github.com/productiontype/Newsreader</a></li>
208208

209209
<li>Google Fonts: YES</li>
210210

@@ -238,7 +238,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
238238
<p>Global info:</p>
239239

240240
<ul>
241-
<li>Source: https://github.com/georgd/EB-Garamond</li>
241+
<li>Source: <a href="https://github.com/georgd/EB-Garamond">https://github.com/georgd/EB-Garamond</a></li>
242242

243243
<li>Google Fonts: YES</li>
244244

@@ -272,7 +272,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
272272
<p>Global info:</p>
273273

274274
<ul>
275-
<li>Source: https://github.com/Fonthausen/CrimsonPro</li>
275+
<li>Source: <a href="https://github.com/Fonthausen/CrimsonPro">https://github.com/Fonthausen/CrimsonPro</a></li>
276276

277277
<li>Google Fonts: YES</li>
278278

@@ -322,7 +322,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
322322
<p>Global info:</p>
323323

324324
<ul>
325-
<li>Source: https://github.com/CommercialType/RobotoSerif</li>
325+
<li>Source: <a href="https://github.com/CommercialType/RobotoSerif">https://github.com/CommercialType/RobotoSerif</a></li>
326326

327327
<li>Google Fonts: YES</li>
328328

@@ -356,7 +356,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
356356
<p>Global info:</p>
357357

358358
<ul>
359-
<li>Source: http://github.com/adobe-fonts/source-serif-pro/releases/latest</li>
359+
<li>Source: <a href="http://github.com/adobe-fonts/source-serif-pro/releases/latest">http://github.com/adobe-fonts/source-serif-pro/releases/latest</a></li>
360360

361361
<li>Google Fonts: YES</li>
362362

@@ -406,7 +406,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
406406
<p>Global info:</p>
407407

408408
<ul>
409-
<li>Source: https://github.com/googlefonts/roboto-flex</li>
409+
<li>Source: <a href="https://github.com/googlefonts/roboto-flex">https://github.com/googlefonts/roboto-flex</a></li>
410410

411411
<li>Google Fonts: YES</li>
412412

@@ -440,7 +440,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
440440
<p>Global info:</p>
441441

442442
<ul>
443-
<li>Source: https://github.com/uswds/public-sans</li>
443+
<li>Source: <a href="https://github.com/uswds/public-sans">https://github.com/uswds/public-sans</a></li>
444444

445445
<li>Google Fonts: YES</li>
446446

@@ -486,7 +486,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
486486
<p>Global info:</p>
487487

488488
<ul>
489-
<li>Source: https://github.com/impallari/Cabin</li>
489+
<li>Source: <a href="https://github.com/impallari/Cabin">https://github.com/impallari/Cabin</a></li>
490490

491491
<li>Google Fonts: YES</li>
492492

@@ -524,7 +524,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
524524
<p>Global info:</p>
525525

526526
<ul>
527-
<li>Source: https://github.com/adobe-fonts/source-code-pro/releases/latest</li>
527+
<li>Source: <a href="https://github.com/adobe-fonts/source-code-pro/releases/latest">https://github.com/adobe-fonts/source-code-pro/releases/latest</a></li>
528528

529529
<li>Google Fonts: YES</li>
530530

@@ -550,6 +550,30 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
550550
</section>
551551
</section>
552552

553+
<section id="accessibility" class="level2">
554+
<h2 id="sigil_toc_id_210">Accessibility</h2>
555+
556+
<p>A variable version of <a href="https://www.brailleinstitute.org/freefont/?_sc=NjQ1ODg2NiM2ODIzNA%3D%3D#:~:text=The%20Atkinson%20Hyperlegible%20Next%E2%84%A2%20Font">Atkinson Hyperlegible Next</a> and <a href="https://www.brailleinstitute.org/freefont/?_sc=NjQ1ODg2NiM2ODIzNA%3D%3D#:~:text=The%20Atkinson%20Hyperlegible%20Mono%E2%84%A2%20Font">Atkinson Hyperlegible Mono</a> are available, with support for over 150 languages.</p>
557+
558+
<p>These 2 fonts are also available on <a href="https://fonts.google.com/?query=Atkinson">Google Fonts</a>.</p>
559+
560+
<p>Global info:</p>
561+
562+
<ul>
563+
<li>Source: <a href="https://www.brailleinstitute.org/freefont">https://www.brailleinstitute.org/freefont</a></li>
564+
565+
<li>Google Fonts: YES</li>
566+
567+
<li>Design: Braille Institute, Applied Design Works, Elliott Scott, Megan Eiswerth, Letters from Sweden</li>
568+
569+
<li>License: SIL-OFL</li>
570+
</ul>
571+
572+
<p>OpenType Features: Numeric figure values.</p>
573+
574+
<p>Variations: Weight (<code>200–800</code>)</p>
575+
</section>
576+
553577
<section id="arabic-ar-and-persian-fa" class="level2">
554578
<h2 id="sigil_toc_id_204">Arabic (ar) and Persian (fa)</h2>
555579

@@ -559,9 +583,9 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
559583
<p>Global info:</p>
560584

561585
<ul>
562-
<li>Source: https://github.com/aminabedi68/Estedad</li>
586+
<li>Source: <a href="https://github.com/aminabedi68/Estedad">https://github.com/aminabedi68/Estedad</a></li>
563587

564-
<li>Google Fonts: No</li>
588+
<li>Google Fonts: NO</li>
565589

566590
<li>Design: Amin Abedi</li>
567591

@@ -579,7 +603,7 @@ font-family: "Name of your variable font", ui-monospace, monospace;</code></pre>
579603
<p>Global info:</p>
580604

581605
<ul>
582-
<li>Source: https://github.com/BornaIz/markazitext</li>
606+
<li>Source: <a href="https://github.com/BornaIz/markazitext">https://github.com/BornaIz/markazitext</a></li>
583607

584608
<li>Google Fonts: YES</li>
585609

‎docs/ReadiumCSS_docs/OEBPS/Text/Section-012.xhtml

+1-1
Original file line numberDiff line numberDiff line change
@@ -252,7 +252,7 @@ root.style.setProperty("name of var", "");</code></pre>
252252
--USER__selectionBackgroundColor
253253
--USER__selectionTextColor</code></pre>
254254

255-
<p>It’s up to implementers to decide whether they want to expose these as user settings i.e. for power/advanced users, or set them after deriving the value from background and text color (e.g. a contrast algorithm).</p>
255+
<p>It’s up to implementers to decide whether they want to expose these as user settings i.e. for power/advanced users, or set them after deriving the value from background and text color (e.g. a contrast algorithm).</p>
256256

257257
<p>Possible values: Color HEX (e.g. <code>#FFFFFF</code>), <code>rgb(a)</code>, <code>hsl</code>.</p>
258258

‎docs/ReadiumCSS_docs/OEBPS/Text/Section-028.xhtml

+1-1
Original file line numberDiff line numberDiff line change
@@ -204,7 +204,7 @@ const sepiaBackground = sepiaMode.sepiaMode.RS__backgroundColor;</code></pre>
204204

205205
<p>Previously, you had to rely on day, sepia, and night mode to enforce the color of links and benefit from their specific image flags/features. </p>
206206

207-
<p>These decisions are now made at consumers’ discretion, which means they can invert images in their darkest custom themes without having to override ReadiumCSS’ night mode colors for instance, or offer these features to users as they see fit – globally or scoped to a subset of themes – in their app.</p>
207+
<p>These decisions are now made at consumers’ discretion, which means they can invert images in their darkest custom themes without having to override ReadiumCSS’ night mode colors for instance, or offer these features to users as they see fit – globally or scoped to a subset of themes – in their app.</p>
208208

209209
<p><strong>Note you’ll have to take gaiji into account in dark custom themes as inverting them so that they match the color of text can only be done automatically in readiumCSS’ own night mode.</strong></p>
210210
</section>

‎docs/ReadiumCSS_docs/OEBPS/Text/nav.xhtml

+3
Original file line numberDiff line numberDiff line change
@@ -321,6 +321,9 @@
321321
<li>
322322
<a href="../Text/Section-010b.xhtml#sigil_toc_id_203">Latin</a>
323323
</li>
324+
<li>
325+
<a href="../Text/Section-010b.xhtml#sigil_toc_id_210">Accessibility</a>
326+
</li>
324327
<li>
325328
<a href="../Text/Section-010b.xhtml#sigil_toc_id_204">Arabic (ar) and Persian (fa)</a>
326329
</li>

0 commit comments

Comments
 (0)