What's up. I heard you want to make a custom font for your webiste (like this one) It's actually super easy!

1) Visit calligraphr and click "get started for free"

2) Once you make an account, follow the steps on their website to download a font template. They may instruct you to print it out, but I highly reccomend using an iPad if you have one accessible.

3) When making your template, make sure you include EVERY character you want in your font. You don't want to end up missing numbers or punctuation.

4) Once you've finished drawing in the template, either scan or reupload it to calligraphr. You should be given the option to adjust letters & baseline as neccessary so your font looks uniform.

5) Once everything is aligned to your liking, name your font and download as .otf

6) You should then be able to upload that .otf file to the "Assets" section of your Glitch site. If you didn't rename the file earlier, definitely do so now.

7) In the style.css section of your website, paste this code @font-face { font-family: YourFont; src: url("YourFont.otf"); }

8) Change 'YourFont' to the name of your font and "YourFont.otf" to the url in your assets folder.

9) You can then assign various types of text to type in your font using the the style.css section. Start with this-
Body { font-family: YourFont, sans-serif; }

10) Now, any time you type body text on your website, it should read as your custom font! Don't forget to link your style sheet at the top of the page you're working on!