What are 'web safe fonts' in CSS?
A
Fonts that are safe for printing
B
Fonts that are secure from hackers
C
Fonts that are commonly pre-installed on most devices
D
Fonts that require an internet connection
Analysis & Theory
Web safe fonts are widely supported system fonts that are likely to be installed on most devices and browsers.
Which of the following is a web safe font?
Analysis & Theory
`Times New Roman` is a commonly available web safe font.
Why should you use web safe fonts in CSS?
A
They make the website load slower
B
They ensure consistent appearance across all devices
C
They add animations to text
D
They are required by W3C
Analysis & Theory
Web safe fonts help ensure the text displays similarly across different operating systems and browsers.
Which of the following is NOT considered a web safe font?
Analysis & Theory
`Calibri` is not universally supported on all systems, especially older or non-Windows devices.
Which generic family is typically used with web safe fonts for sans-serif styling?
Analysis & Theory
`sans-serif` is the generic font family used when specifying fallback for sans-serif fonts.
Which of the following font-family declarations is best practice?
B
font-family: Arial, sans-serif;
D
font-family: sans-serif, Arial;
Analysis & Theory
Always include a generic family like `sans-serif` for fallback if Arial isn't available.
What is a key characteristic of web safe fonts?
B
They are only available on MacOS
C
They require external fonts to be downloaded
D
They are pre-installed on most operating systems
Analysis & Theory
Web safe fonts are already installed on most systems, so no downloads are needed.
Which of the following font stacks uses a safe fallback?
A
font-family: Roboto, Open Sans;
B
font-family: Times New Roman, serif;
C
font-family: 'Poppins', 'Lato';
D
font-family: Gotham, Proxima Nova;
Analysis & Theory
`serif` is a generic fallback for `Times New Roman`, making the stack web safe.
Which generic font family is best used for code editors and terminal-like displays?
Analysis & Theory
`monospace` is typically used to display code with equal spacing for all characters.
What is the main benefit of using web safe fonts over custom fonts?
C
They load faster and ensure compatibility
D
They support animations
Analysis & Theory
Web safe fonts load quickly because they don't require downloading and work reliably across browsers.