What is the correct CSS syntax for changing the font name?
Answers
font
font-name
font-family
fontname
# Understanding CSS syntax for Font Family
When it comes to customizing the typography of a website, CSS or Cascading Style Sheets provide a variety of properties. Transitioning to the question at hand, the correct CSS syntax for changing the font name is `font-family`.
The `font-family` CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected elements. This allows the browser to select a font that closely matches the design goals outlined in your CSS.
Here's an example of how you can use it:
```css
body {
font-family: Arial, sans-serif;
}
```
In the above example, we're setting the font for the entire body of the webpage to Arial. The `sans-serif` value is what the browser will default to if it can't find or support the Arial font.
The `font-family` property can take multiple values separated by commas. These values are selected in the order that they are provided, meaning if the browser cannot find or support the first font, it moves onto the next one.
An important aspect to remember is that if a font name contains whitespace, it must be quoted. Single quotes must be used when the string is a sequence of single-space separated words. For instance:
```css
p {
font-family: 'Courier New', Courier, monospace;
}
```
In this example, 'Courier New' which contains a space, needs to be in quotes.
While the `font-family` property can help you customize your website's typography, remember to always have a generic family name at the end of your font stack to ensure maximum compatibility across different browser types.