How to embed custom fonts in your website?
Hey guys!Â Few days ago, I found this wonderful website which lets you embed custom/non-standard fonts into your website and hence make your website more professional and attractive. I found it very awesome because of its ease of use and doesnâ€™t require almost none programming needs.
Well, I am sharing it with you all so that you also get benefited. It is really very simple, open source and 100% working
Step 1. Go to Google Web fonts website https://www.google.com/webfonts
Click â€˜Start choosing fontsâ€™ button and you are presented to the page as shown in the next image:
Step 2: Browse and select the font which you want to use in your website.
Step 3: Click â€˜Quick Useâ€™ link.
It will take you to a new page like shown below.
Step 4: If there are variants of the font, it will be listed and you can select which one(s) you want to use.
When you scroll down on the same page, youâ€™ll see its implementation method. I recommend you to use the â€˜standardâ€™ one as it is simple and less time consuming.
Step 5: Next you can see how to use it in your CSS.
Thatâ€™s all. I hope you enjoyed this and learnt something new.
Disclaimer: Google, Google Webfonts and Related Google Logos or screenshots belong to their respective owners. We are using them for educational purpose only and not any commercial use.