Recall & Review
beginner
What does the Tailwind CSS class
font-bold do?It makes the text bold by setting the font weight to 700, making the text thicker and more prominent.
Click to reveal answer
beginner
Which Tailwind class sets the font weight to normal (400)?The class
font-normal sets the font weight to 400, which is the normal weight for text.Click to reveal answer
beginner
How do you make text lighter than normal using Tailwind CSS?
Use the class
font-light to make text lighter, which sets the font weight to 300.Click to reveal answer
intermediate
What is the difference between
font-semibold and font-bold in Tailwind?font-semibold sets font weight to 600, which is semi-bold, while font-bold sets it to 700, which is bolder.Click to reveal answer
intermediate
Can you use Tailwind classes to make text extra bold or thin? Which classes?
Yes. Use
font-extrabold for extra bold (800) and font-thin for very thin text (100).Click to reveal answer
Which Tailwind class makes text bold?
✗ Incorrect
font-bold sets the font weight to 700, making text bold.What font weight does
font-normal apply?✗ Incorrect
font-normal sets font weight to 400, which is normal weight.If you want very thin text, which Tailwind class should you use?
✗ Incorrect
font-thin sets font weight to 100, making text very thin.Which class is heavier than
font-semibold but lighter than font-extrabold?✗ Incorrect
font-bold is 700, heavier than 600 (font-semibold) but lighter than 800 (font-extrabold).Which Tailwind class would you use for semi-bold text?
✗ Incorrect
font-semibold sets font weight to 600, which is semi-bold.Explain how to control font weight in Tailwind CSS and give examples of classes for light, normal, and bold text.
Think about how text looks thinner or thicker and which classes you use.
You got /5 concepts.
Describe the difference between
font-semibold and font-extrabold in Tailwind CSS.Consider the numeric weight values and how bold the text appears.
You got /3 concepts.