Found 22 bookmarks
Newest
Introducing accessibility in typography – Fonts Knowledge - Google Fonts
Introducing accessibility in typography – Fonts Knowledge - Google Fonts
Making text accessible should be part of everyday practice. However, general typographic practices of optimizing legibility and readability don’t necessarily go all the way towards making text accessible.
·fonts.google.com·
Introducing accessibility in typography – Fonts Knowledge - Google Fonts
Fallback Font Generator
Fallback Font Generator
Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face
·screenspan.net·
Fallback Font Generator
OPSZ font rendering bug from Elliot Jay Stocks on Twitter
OPSZ font rendering bug from Elliot Jay Stocks on Twitter
Update: I fixed this by adding `font-synthesis: none;` to everything. Crazy that the mobile browsers were trying to synthesise their way around opsz. I’ll be adding this to some articles!(Thank you, @Armstrong, for making me think about browser defaults as the potential issue!) https://t.co/op6ejHDB6T— Elliot Jay Stocks / Other Form 🇺🇦 (@elliotjaystocks) September 26, 2022
·twitter.com·
OPSZ font rendering bug from Elliot Jay Stocks on Twitter
Justification & hyphenation – Fonts Knowledge - Google Fonts
Justification & hyphenation – Fonts Knowledge - Google Fonts
In western text, which reads left to right, justification and hyphenation are basic considerations for readability and clarity. But have you ever thought about how you can use them to create a look/feel that alludes to the literary culture of the past?
·fonts.google.com·
Justification & hyphenation – Fonts Knowledge - Google Fonts
The Surprising Truth About Pixels and Accessibility
The Surprising Truth About Pixels and Accessibility
“Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to use in any scenario.
·joshwcomeau.com·
The Surprising Truth About Pixels and Accessibility
Redacted Font
Redacted Font
Keep your wireframes free of distracting Lorem Ipsum. - GitHub - christiannaths/redacted-font: Keep your wireframes free of distracting Lorem Ipsum.
·github.com·
Redacted Font
Getting to the bottom of line height in Figma
Getting to the bottom of line height in Figma
We’re altering the way we handle text in Figma. Join me on the journey we took to get there — through type history and into the modern times.
·figma.com·
Getting to the bottom of line height in Figma
Don’t Believe The Type! - axe-con 2021
Don’t Believe The Type! - axe-con 2021
Are “accessible” fonts actually as accessible as they claim? If not, what are the things we need to know when choosing a font that responds to different reader needs? This session will explore what dyslexia is, what cognitively happens when we read, and what elements of a typeface make a difference to how accessible it is, and to whom. Bruno, David, and Gareth have decades of experience between them. Bruno as a Typeface Designer, David as a Typographer, and Gareth as a UX Design/Accessibility expert. Together they spent over 3 years researching and steering the creation of BBC Reith family, the BBC’s corporate accessible typeface. This session is from the Design track. About the speaker: Gareth Ford Williams, BBC, Head of User Experience Design, Accessibility Preferred Pronoun: He/Him Gareth Ford Williams In 2005 Gareth founded the BBC’s Digital Accessibility Team. Over the course of the first 3 years the Accessibility Team worked as an integral part of iPlayer’s core Product Team ensuring BBC iPlayer V1.0 launched as an accessible product. The accessibility team became part of UX when the BBC’s UX Design Team was founded in 2008. Gareth established the Design Research Team in 2010 and subsequently became a Head of UX Design. His team manages a network of over 200 Accessibility Champions, the oldest network of its kind in the industry. His team has also pioneered Mobile Accessibility Guidelines, BBC MAG, which were the first in the industry which have been used by thousands of organisations around the world. He has an interest in accessible typography going back his time on attachment as a product manager at YouView where he led the work on selecting the UI typeface, and since then he was a key stakeholder in the delivery of BBC Reith and BBC Qalam. About the speaker: David Bailey, BBC, UX Principal Preferred Pronoun: He/Him David cut his teeth as a designer in the nineties working with world-renowned agency The Designers Republic. In 2005 he formed his own studio, Kiosk, which produced cutting-edge design and branding for the music, arts, fashion and broadcast industries. He joined the BBC as a design director in 2013, spearheading the development of its digital design framework, GEL, and the introduction of their corporate typeface ‘BBC Reith’. This work helped inspire the formation of The Readability Group, alongside Bruno Maag and Gareth Ford Williams. About the speaker: Bruno Maag, Dalton Maag, Typeface Designer Preferred Pronoun: He/Him Bruno Maag is an expert typographer with over forty years of expertise in his field. He founded and led Dalton Maag Ltd, the world’s leading studio for typeface design where he worked with some of the best known brands: Amazon, Nokia, Intel, HP, AirBnB, Netflix, Facebook, DHL, FedEx, ABB, BBC, Rakuten amongst many others. All these brands have in common that their typography needs to be as accessible as possible to the clients’ audiences. 00:00 Don’t Believe The Type! 38:18 Q&A Learn more about axe-con at: https://www.deque.com/axe-con/
·youtube.com·
Don’t Believe The Type! - axe-con 2021
Add right-to-left text
Add right-to-left text
Use right-to-left (RTL) and bidirectional controls in Figma and FigJam Before you start Who can use this feature Supported on any plan Available in Figma design and FigJam files U...
·help.figma.com·
Add right-to-left text
A New Way To Reduce Font Loading Impact: CSS Font Descriptors
A New Way To Reduce Font Loading Impact: CSS Font Descriptors
Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.
·smashingmagazine.com·
A New Way To Reduce Font Loading Impact: CSS Font Descriptors
The Typearture Variable Color Font Initials - Typearture
The Typearture Variable Color Font Initials - Typearture
Variable Color Fonts: How do you use them? What can these fonts add to your storytelling and typography? Let these ornamental initials be an inspiration!
·typearture.com·
The Typearture Variable Color Font Initials - Typearture
The performance benefits of Variable Fonts
The performance benefits of Variable Fonts
When we think about web fonts and their impact on the performance on our websites we often focus on three main areas:
·uxdesign.cc·
The performance benefits of Variable Fonts
JetBrains Mono: A free and open source typeface for developers
JetBrains Mono: A free and open source typeface for developers
Try JetBrains Mono in your IDE. Its simple forms and attention to every detail make coding a nice experience for developers’ eyes, no matter which IDE you choose.
·jetbrains.com·
JetBrains Mono: A free and open source typeface for developers
Google Fonts
Google Fonts
Making the web more beautiful, fast, and open through great typography
·fonts.google.com·
Google Fonts
Inter font family
Inter font family
Inter is a typeface family optimized for user interfaces and computer screens
·rsms.me·
Inter font family