Halloween is the perfect time to add a touch of spooky fun to your website. You don’t need to go overboard with decorations, something as simple as changing your fonts can make a big impact.

Most of the fonts shown are free to download, and to add them to your CSS, use the following code.

@font-face {
    font-family: "font name",
    src: url("Extra Days.otf");
}

.font-family {
    font-family: "font name";       
}

Font Tester

Before you start, if you want to easily test out different local fonts you can use the font tester chrome extension. Not only does it become easier for you to choose a perfect font for Halloween, but provides you with a better understanding of typography.

Download Font tester