• Theory
  • Theory

Challenge: Play With Fonts

Muffin is not only a cat web developer: He is also an adventurous entrepreneur. However, he has not always been so successful in the latter pursuit.

And this time, he has decided to launch a series of sports uniforms for cats. He decided to create the website himself, and his owner would sew the uniforms. The most difficult thing was to coming up with the name and logo for the venture.

He came up with a fresh and trendy name, MUFFIDAS, but the designer fell a little short of what he wanted for the logo.

Basically Muffin liked the simplicity and austerity of the ordinary text logo, but he wanted the designer to play a little more with the fonts: to try different inter-character spacing, experiment a little with line height, and also try out different letter thicknesses and sizes. Muffin also thought that he should play a little with the shadows, try to break the label across several lines, and apply some effects. And perhaps it would also be nice to add an interesting text-decorative element.

In general, the proposed edits are minor, and I think that it will only take five minutes to do the work. I think you can handle it quickly.

Yes! You could also draw a triangle made up of three red non-intersecting lines that are transparent. Of course, do what you think is best.

Hint: The values of all set properties are multiples of 5. All styles should be assigned to the element h1. Shadow color — rgba(0, 0, 0, 0.5).

  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the Text Formatting challenges in the Advanced styling, you need to sign up and subscribe first.