CSS Typography and Fonts Quiz
Want to learn more than this quiz offers you? Have a look at my Frontend web
development courses.
Create an account and save your quiz results
Login and save your results
OR
Question 1/15
What value of 'font-style' makes text italic in CSS?
Select your answer
Question 2/15
What happens when you use
text-transform: capitalize;
?
Select your answer
Question 3/15
Which CSS property is used to change the font for a specific text element?
Select your answer
Question 4/15
How can text be aligned to the center of a block-level element?
Select your answer
Question 5/15
Which CSS property controls the size of the font?
Select your answer
Question 6/15
Which property specifies the capitalization of text?
Select your answer
Question 7/15
What CSS property is used to transform text to uppercase?
Select your answer
Question 8/15
How can you create a small capital effect in CSS?
Select your answer
Question 9/15
Which property will make the text italic?
Select your answer
Question 10/15
What is the correct syntax in CSS for setting the default font for the body tag?
Select your answer
Question 11/15
Which CSS property allows you to add custom fonts using @font-face?
Select your answer
Question 12/15
Which property is used to set the initial size of a font to a specific size for better scaling?
Select your answer
Question 13/15
Which CSS property would you use to set the space between letters?
Select your answer
Question 14/15
Which value of 'text-align' will justify text?
Select your answer
Question 15/15
How can text be underlined using CSS?
Select your answer
Your Results
You did not answer any questions correctly.
Your Answers
Question 1/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What value of 'font-style' makes text italic in CSS?
Available answers
The
font-style
property in CSS uses the value italic
to make text italic.
Question 2/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What happens when you use <pre><code>text-transform: capitalize;</code></pre>?
Available answers
text-transform: capitalize;
capitalizes the first letter of each word in the element's text content.
Question 3/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which CSS property is used to change the font for a specific text element?
Available answers
The
font-family
property is used to specify the font of a text element.
Question 4/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
How can text be aligned to the center of a block-level element?
Available answers
The correct way to center-align text in a block-level element is using
text-align: center;
.
Question 5/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which CSS property controls the size of the font?
Available answers
The
font-size
property in CSS is used to set the size of the font.
Question 6/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which property specifies the capitalization of text?
Available answers
The
text-transform
property controls the capitalization of text (e.g., uppercase, lowercase).
Question 7/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What CSS property is used to transform text to uppercase?
Available answers
To transform text to uppercase, use the
text-transform
property with the value uppercase
.
Question 8/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
How can you create a small capital effect in CSS?
Available answers
Use
font-variant: small-caps;
to create the small-capitalization effect.
Question 9/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which property will make the text italic?
Available answers
The
font-style
property with a value of italic
will italicize the text.
Question 10/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What is the correct syntax in CSS for setting the default font for the body tag?
Available answers
To set the default font for the
body
tag, use body { font-family: Arial, sans-serif; }
.
Question 11/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which CSS property allows you to add custom fonts using @font-face?
Available answers
The
@font-face
rule allows you to specify a custom font.
Question 12/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which property is used to set the initial size of a font to a specific size for better scaling?
Available answers
The
font-size
property is used to set the size of the font.
Question 13/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which CSS property would you use to set the space between letters?
Available answers
The
letter-spacing
property in CSS is used to set the space between characters in a text.
Question 14/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which value of 'text-align' will justify text?
Available answers
The
justify
value for text-align
aligns text evenly across a block element.
Question 15/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
How can text be underlined using CSS?
Available answers
Use
text-decoration: underline;
to underline text in CSS.