Helping you create visual contrast and intrigue without using a million different fonts.

Screenshot by author

While building anew project, I wanted to create some contrast with my homepage h1 without mixing too many fonts. I personally find it annoying when sites go “font crazy” because my eyes start to focus on the style of the text rather than the content itself. My first step was to look through the available Google fonts but I didn’t find any “hallow” text fonts which I was keen to use. After much searching, I realized that the text-shadow property could actually achieve exactly what I was looking for.

Below are the final CSS elements used to create the title you see above. If you would like a deeper dive into the text-shadow property, please continue reading to the end of the article.

#style-guides #code #text-shadow #html #css