Главная
Study mode:
on
1
Introduction
2
Jelly
3
Variable Fonts
4
Variable Functions
5
De Cobre
6
Browser Support
7
Using Variable Fonts
8
Fonts on the Web
9
Variable Fonts for Performance
10
Reducing Front Requests
11
My Answer
12
Source sans Pro
13
Flexibility
14
More Flexibility
15
Jello
16
Print Design
17
Fonts
18
CSS
19
Twitter demo
20
Handwriting fonts
21
Layering fonts
22
Wind VF
23
Google Fonts
24
Demo
25
Hot
26
Marshmallow
27
Controlling the Font
28
Color Scheme Media Query
29
Dark Mode Example
30
Screen Width
31
Box Width
32
breakpoints
33
JavaScript
34
Decimal
35
Cracked Phone
36
Scribble Tone
37
Web Audio
38
Blooming GX
39
Experiences
40
Jelly Font
41
Why Variable Fonts
42
Conclusion
Description:
Explore the dynamic world of responsive typography using variable fonts in this JSConf Hawaii 2020 conference talk by Mandy Michael. Discover how variable fonts adapt to diverse screen sizes, environments, and devices, enhancing web typography's flexibility. Learn to leverage existing technologies like Media Queries, JavaScript events, and Sensor or Audio APIs to improve website performance, design, accessibility, and usability. Delve into creative opportunities for storytelling and expression that surpass standard fonts' capabilities. Gain insights on optimizing readability across various situations, from adjusting to different screen sizes to adapting to environmental conditions. Examine practical examples, including performance improvements, flexibility demonstrations, and innovative applications like color scheme adaptations and audio-responsive typography. Understand the potential of variable fonts in revolutionizing web design and user experience, opening new avenues for creative and functional typography on the web. Read more

Very Responsive Typography with Variable Fonts

JSConf
Add to list
0:00 / 0:00