~/talk

Variable Fonts & Readability

on YouTube 31m
Talkat CSSConf Budapest 2019 · on Wednesday, 2019-09-25· [design-collaboration, accessibility]

speaker

name:Damien Senger
website:https://raccoon.studio

resources

video:https://youtu.be/VFbrpIDhCOA
slides:none on file

summary

Variable fonts let sites offer real, measurable reading changes: weight, width, slant and optical size transition smoothly in one file so animations avoid jumps and load once as one variable font file. Projects show JS + CSS font-variation-settings driving per-user presets, BBC experiments tune subtitles, and the Unperson site ships many variants from a single file. Dyslexia affects about 10% of the population and designers can build custom axes (ascender length, x‑height, stem weight) to reduce confusion and improve readability.

AI-written summary · about

chapters (10)

  1. 0:00Intro
  2. 1:10About Damien
  3. 2:03Readability
  4. 4:33Dyslexia
  5. 6:04Reading
  6. 10:42The Point
  7. 12:49Accessibility
  8. 18:35Viable Fonts
  9. 24:46Custom Access
  10. 27:43Experimentation

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.