How to Include Custom fonts in your website

Step 1

I have used “kaushan-script” font for the title. We can see how we can add this font in our website.

Step 2

To use the downloaded font in web we have to convert it to web font

For that I have used the website

Step 3

We have to upload our font in this site. Then download the web kit. The kit will have 2 font types and one css file

Step 4

Copy the 2 font types and save it in our html folder

Step 5

Then copy the downloaded css @font-face code to our css

Step 6

Then Correct the font path in the copied css code.

Step 7

Call the font family name in title

dappledesigners