Self-hosting fonts explained (including Google fonts) // @font-face tutorial
Google fonts are great, but often self-hosting them is a better choice, or if you’re in parts of Europe, it might be your only choice, so in this video I take a look at the basics of how to self-host fonts.
🔗 Links
✅ Font Squirrel Webfont Generator:
⌚ Timestamps
00:00 - Introduction
01:05 - Getting fonts from Google fonts
02:03 - The problem with downloaded Google fonts
02:30 - Converting from .ttf to .woff and .woff2
05:35 - Adding the fonts to a project
06:36 - Setting up @font-face rules to use the fonts in our CSS
#css
--
Come hang out with other dev’s in my Discord Community
💬
Keep up to date with everything I’m up to
✉
Come hang out with me live every Monday o ...
#Kevin_Powell #css #front-end #frontend #html #web_development #Google_fonts #self-hosting_fonts #self_hosting_fonts
20230202
zK-yy6C2Nck
3 views
344
107
4 months ago 00:06:23 2
Paying for software is stupid… 10 free and open-source SaaS replacements
8 months ago 00:15:37 1
OPEN SOURCE alternatives to the MOST POPULAR productivity apps!
1 year ago 00:11:44 1
These font stacks will improve your site performance
1 year ago 03:25:11 1
How To Make An Affiliate Marketing Website ~ 2023 ~ Make $21,000 A Month Passive Income