Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching These font stacks will improve your site performance. and this video is uploaded by Kevin Powell at 2023-12-12T06:00:06-08:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [VOd6jfAImV4]
| Name | These font stacks will improve your site performance |
| Video Uploader | Video From Kevin Powell |
| Upload Date | This Video Uploaded At 12-12-2023 14:00:06 |
| Video Discription | Feeling pretty good with your CSS and looking to take the next step up in your game? This course might be what youโre after ๐ https://beyondcss.dev/?utm_campaign=general&utm_source=youtube&utm_medium=fontstacks Web fonts have made the web a much nicer looking place, but if we donโt put the work in to host them properly and optimize them, they can be heavy files that slow things down and lead to FOITs and FOUTs, which is never great for the user experience. Luckily, modern font stacks can help a lot with that! ๐ Links โ Modern Font Stacks: https://modernfontstacks.com/ โ How website performance affects conversion rates: https://www.cloudflare.com/learning/performance/more/website-performance-conversion-rates/ โ My video on self-hosting Google Fonts: https://youtu.be/zK-yy6C2Nck โ Timestamps 00:00 - Introduction 00:30 - The problem(s) with Google Fonts 01:40 - the best font to start with 02:26 - simple font stack for system-ui 03:35 - The โoriginalโ system-ui stack 05:00 - Advantages of system-ui 06:09 - Other font stacks that take advantage of system fonts 07:30 - Different fonts across different operating systems is okay 09:35 - Use web fonts where users will actually notice them #css -- Come hang out with other dev's in my Discord Community ๐ฌ https://discord.gg/nTYCvrK Keep up to date with everything I'm up to โ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! ๐บ https://www.twitch.tv/kevinpowellcss --- Help support my channel ๐จโ๐ Get a course: https://www.kevinpowell.co/courses ๐ Buy a shirt: https://teespring.com/stores/making-the-internet-awesome ๐ Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome! [VOd6jfAImV4] |
| Category | Education |
| Tags | Kevin Powell | css | front-end | frontend | html | web development | css tutorial | tutorial | css fonts | web fonts | font stack | font stacks | web font | fonts | website fonts | website font stack | modern fonts | modern font stacks | system fonts | system-ui | system ui | website typography | website typography best practices | typography website design | how to choose typography for website | best typography for website |
