Exercise 4 – customizing the homepage title
Let's do this exercise in three steps. The second and third steps are just complementary of the first step:
- Use Font Squirrel generator to create your font face kit. Then, implement it on the
<h1> tag of your site. If you do not have any idea of which font to use, I would recommend to download Kite One font from GoogleFont site.
- Use the Lettering plugin to have more control over each letter, word, or line of your title. After that, increase the color of the first letter, changing the
color property of the
.char1 class from your CSS file.
- Use the Kern.js tool by clicking on the link from your bookmarks bar. After that, click on the second button from toolbar and select the first letter to increase its font ...