Font rules can be given to text objects or their containers.
Fonts are often given a list, so that if a font is not available then another can be used.
If a font name has a space, then it must be enclosed in either quotation marks or apostrophes.
p {
font-family: "Times New Roman", Times, serif;
}
Google Fonts
There are 10 web safe fonts.
Google Fonts has over 1000 fonts that are free to use. However, before you can use a Google font it has to be loaded in either an external or internal style sheet.
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
p {
font-family: 'Roboto', sans-serif;
}
Spaces inside a font name needs to be replaced with a ‘+’ sign when it is loaded, but surrounded by quotation marks or apostrophes when it is used:
@import url('https://fonts.googleapis.com/css2?family=Sigmar+One&display=swap');
h1 {
font-family: 'Sigmar One', cursive;
}
The Google Fonts page will give you necessary code to copy and paste – click on the @import option
