How to Use and Optimize Google Fonts
► When CSS2 became standard, it meant we could specify custom fonts, which changed how the web looked. But it was not until 2009 that custom fonts were widely supported by browsers.
Today, websites can call on any font it has the right to use. If you have access to a font, then you can use it on your website.
One option is to buy a license from a font marketplace. But this can get pretty expensive and probably isn’t feasible unless the font is being used for business or enterprise purposes.
For those who do not or cannot spend huge amounts of money on a custom font, we can thankfully have Google Fonts.
Google Fonts is a service that gives us access to hundreds of font families we can browse through and select. We can choose from all font types and add as many variations of weight and style as we need.
Google then generates some code snippets that we simply add to our HTML file, giving us access throughout our web page to the font we have selected.
► Timestamps:
0:00 Start
0:48 The CSS font-family property and font-stacks
1:21 Paid custom fonts
2:15 Google Fonts
3:34 Font types
4:32 How to add Google Fonts to a web page
6:23 Font pairing
8:12 Optimizing your fonts
11:28 End
► Useful links:
https://fonts.google.com/
https://www.fontshop.com
https://www.fontpair.co/all
https://www.w3schools.com/howto/howto...
https://www.delightfullydesigning.com...
https://design.google/library/choosin...
https://fonts.google.com/knowledge
► This video is part of the Developer Tools playlist: • Developer Tools
► Social Media:
/ craigabourne
/ craigabourne
► Code & Projects:
https://github.com/craigabourne
https://codepen.io/craigabourne
Смотрите видео How to Use and Optimize Google Fonts онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Craig A. Bourne 06 Август 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,061 раз и оно понравилось 67 людям.