Hacking Webfonts into Better Ones
Presented by:Taylor Hunt
You may work with the Big Three layers of the front-end stack, but what about the secret bonus FOURTH layer? Editing font files sounds boring and tedious — and it is! But with some smarts and code, you too can edit fonts to make websites faster, more accessible, and more consistent across browsers:
• Subset for blazing-fast first-TCP-hop downloads
• Lessen reflow with x-height adjustment
• Alias to fix Chrome/Safari’s screen-reader problems with `text-transform`
• Implement a prettier `text-decoration-skip` everywhere, even IE
• Make your own emojis
• Laugh at how bad the file format for fonts is
Level: IntermediateTags:Front-End, UX