Loading... Login Loading... Register

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

First Name *

Last Name *

Email *

Password *

Confirm Password *

I agree to the Terms of Service & Privacy Policy.

Add me to your newsletter.

Question 1/15

Which property is used to change the font family of an element?

Select your answer

font-type

font-name

font-style

font-family

Question 2/15

How do you make the text bold using CSS?

Select your answer

font-bold: true;

font-weight: bold;

font-style: bold;

text-weight: bold;

Question 3/15

What is the CSS property for controlling the vertical space between lines of text?

Select your answer

line-space

vertical-spacing

line-height

text-height

Question 4/15

Which unit is not relative when setting font sizes?

Select your answer

rem

Question 5/15

How can you create a small capital effect in CSS?

Select your answer

font-style: small-caps;

text-transform: caps;

font-size: small-caps;

font-variant: small-caps;

Question 6/15

How do you apply a shadow to text in CSS?

Select your answer

text-shadow

shadow

shadow-text

font-shadow

Question 7/15

What is the default value of the 'font-weight' property in CSS?

Select your answer

light

normal

bold

medium

Question 8/15

Which CSS property is used to select the style of an ordered list marker?

Select your answer

list-style-marker

list-type

list-style-type

marker-style

Question 9/15

How do you apply a font from Google Fonts in CSS?

Select your answer

Define it in a

<font>

tag

Write the font name directly in the HTML

<head>

Import using

@import

and the URL provided by Google Fonts

Use the

font-family

property with the font name

Question 10/15

What is the CSS syntax for making all characters lowercase?

Select your answer

text-transform: small;

text-transform: lowercase;

font-variant: lowercase;

text-style: lowercase;

Question 11/15

What CSS property is used to change the text color?

Select your answer

text-color

font-color

style-color

color

Question 12/15

What CSS property is used to transform text to uppercase?

Select your answer

text-transform

text-style

text-case

font-transform

Question 13/15

What does

line-height: 1.5;

do to text?

Select your answer

Increases font size to 150%.

Sets line height to 1.5 times the font size, increasing space between lines.

Reduces line height by 50%.

Sets line height to 1.5 pixels.

Question 14/15

Which property will make the text italic?

Select your answer

text-italic

font-style

font-italic

text-style

Question 15/15

Which CSS property is used to change the font for a specific text element?

Select your answer

font-option

font-family

font-type

text-font

Your Results

You did not answer any questions correctly.

Your Answers

Question 1/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which property is used to change the font family of an element?

Available answers

font-type

font-name

font-style

font-family

The

font-family

property in CSS specifies the typeface to be used for an element's text.

Question 2/15

😊 Your answer was correct 🙁 Your answer was incorrect

How do you make the text bold using CSS?

Available answers

font-bold: true;

font-weight: bold;

font-style: bold;

text-weight: bold;

To make text bold in CSS, use

font-weight: bold;

Question 3/15

😊 Your answer was correct 🙁 Your answer was incorrect

What is the CSS property for controlling the vertical space between lines of text?

Available answers

line-space

vertical-spacing

line-height

text-height

The

line-height

property is used to control the vertical spacing between lines of text.

Question 4/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which unit is not relative when setting font sizes?

Available answers

rem

The

px

(pixel) unit is an absolute unit for setting font sizes, whereas

em

rem

, and

are relative.

Question 5/15

😊 Your answer was correct 🙁 Your answer was incorrect

How can you create a small capital effect in CSS?

Available answers

font-style: small-caps;

text-transform: caps;

font-size: small-caps;

font-variant: small-caps;

Use

font-variant: small-caps;

to create the small-capitalization effect.

Question 6/15

😊 Your answer was correct 🙁 Your answer was incorrect

How do you apply a shadow to text in CSS?

Available answers

text-shadow

shadow

shadow-text

font-shadow

The

text-shadow

property in CSS applies shadows to text.

Question 7/15

😊 Your answer was correct 🙁 Your answer was incorrect

What is the default value of the 'font-weight' property in CSS?

Available answers

light

normal

bold

medium

The default value of the

font-weight

property is

normal

Question 8/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which CSS property is used to select the style of an ordered list marker?

Available answers

list-style-marker

list-type

list-style-type

marker-style

The

list-style-type

property in CSS specifies the appearance of an ordered list marker.

Question 9/15

😊 Your answer was correct 🙁 Your answer was incorrect

How do you apply a font from Google Fonts in CSS?

Available answers

Define it in a <pre><code><font></code></pre> tag

Write the font name directly in the HTML <pre><code><head></code></pre>

Import using <pre><code>@import</code></pre> and the URL provided by Google Fonts

Use the <pre><code>font-family</code></pre> property with the font name

To apply a font from Google Fonts, you typically use the

@import

rule with the URL provided, or use a

<link>

tag in HTML to include the stylesheet, and then use the

font-family

property to apply it to your elements.

Question 10/15

😊 Your answer was correct 🙁 Your answer was incorrect

What is the CSS syntax for making all characters lowercase?

Available answers

text-transform: small;

text-transform: lowercase;

font-variant: lowercase;

text-style: lowercase;

The

text-transform: lowercase;

syntax is used to make all characters in the text lowercase.

Question 11/15

😊 Your answer was correct 🙁 Your answer was incorrect

What CSS property is used to change the text color?

Available answers

text-color

font-color

style-color

color

The

color

property in CSS sets the color of the text.

Question 12/15

😊 Your answer was correct 🙁 Your answer was incorrect

What CSS property is used to transform text to uppercase?

Available answers

text-transform

text-style

text-case

font-transform

To transform text to uppercase, use the

text-transform

property with the value

uppercase

Question 13/15

😊 Your answer was correct 🙁 Your answer was incorrect

What does <pre><code>line-height: 1.5;</code></pre> do to text?

Available answers

Increases font size to 150%.

Sets line height to 1.5 times the font size, increasing space between lines.

Reduces line height by 50%.

Sets line height to 1.5 pixels.

line-height: 1.5;

sets the line spacing to 1.5 times the font size, increasing the spacing between lines.

Question 14/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which property will make the text italic?

Available answers

text-italic

font-style

font-italic

text-style

The

font-style

property with a value of

italic

will italicize the text.

Question 15/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

font-option

font-family

font-type

text-font

The

font-family

property is used to specify the font of a text element.