For font-family: {value} use class .{value}.
.sans
How to win friends and influence people
.serif
How to win friends and influence people
.mono
How to win friends and influence people
For font-family: {value} use class .{value}.
.lato
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">How to win friends and influence people
.lora
<link href="https://fonts.googleapis.com/css?family=Lora&display=swap" rel="stylesheet">How to win friends and influence people
.montserrat
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">How to win friends and influence people
.muli
<link href="https://fonts.googleapis.com/css?family=Muli&display=swap" rel="stylesheet">How to win friends and influence people
.noto-sans
<link href="https://fonts.googleapis.com/css?family=Noto+Sans&display=swap" rel="stylesheet">How to win friends and influence people
.open-sans
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">How to win friends and influence people
.pt-serif
<link href="https://fonts.googleapis.com/css?family=Pt+Serif&display=swap" rel="stylesheet">How to win friends and influence people
.playfair-display
<link href="https://fonts.googleapis.com/css?family=Playfair+Display&display=swap" rel="stylesheet">How to win friends and influence people
.poppins
<link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">How to win friends and influence people
.roboto
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">How to win friends and influence people
.space-mono
<link href="https://fonts.googleapis.com/css?family=Space+Mono&display=swap" rel="stylesheet">How to win friends and influence people
.dosis
<link href="https://fonts.googleapis.com/css?family=Dosis&display=swap" rel="stylesheet">How to win friends and influence people
.fira-sans
<link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap" rel="stylesheet">How to win friends and influence people
.cabin
<link href="https://fonts.googleapis.com/css?family=Cabin&display=swap" rel="stylesheet">How to win friends and influence people
.raleway
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">How to win friends and influence people
.pt-sans
<link href="https://fonts.googleapis.com/css?family=Pt+Sans&display=swap" rel="stylesheet">How to win friends and influence people
.titillium-web
<link href="https://fonts.googleapis.com/css?family=Titillium+Web&display=swap" rel="stylesheet">How to win friends and influence people
.bitter
<link href="https://fonts.googleapis.com/css?family=Bitter&display=swap" rel="stylesheet">How to win friends and influence people
.lobster
<link href="https://fonts.googleapis.com/css?family=Lobster&display=swap" rel="stylesheet">How to win friends and influence people
.barlow
<link href="https://fonts.googleapis.com/css?family=Barlow&display=swap" rel="stylesheet">.abel
<link href="https://fonts.googleapis.com/css?family=Abel&display=swap" rel="stylesheet">How to win friends and influence people
.asap
<link href="https://fonts.googleapis.com/css?family=Asap&display=swap" rel="stylesheet">How to win friends and influence people
.archivo-narrow
<link href="https://fonts.googleapis.com/css?family=Archivo+Narrow&display=swap" rel="stylesheet">How to win friends and influence people
.barlow-condensed
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed&display=swap" rel="stylesheet">.bree-serif
<link href="https://fonts.googleapis.com/css?family=Bree+Serif&display=swap" rel="stylesheet">How to win friends and influence people
.crete-round
<link href="https://fonts.googleapis.com/css?family=Crete+Round&display=swap" rel="stylesheet">How to win friends and influence people
.lobster-two
<link href="https://fonts.googleapis.com/css?family=Lobster+Two&display=swap" rel="stylesheet">How to win friends and influence people
.pacifico
<link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">How to win friends and influence people
.caveat
<link href="https://fonts.googleapis.com/css?family=Caveat&display=swap" rel="stylesheet">How to win friends and influence people
.satisfy
<link href="https://fonts.googleapis.com/css?family=Satisfy&display=swap" rel="stylesheet">How to win friends and influence people
.cookie
<link href="https://fonts.googleapis.com/css?family=Cookie&display=swap" rel="stylesheet">.handlee
<link href="https://fonts.googleapis.com/css?family=Handlee&display=swap" rel="stylesheet">How to win friends and influence people
.yellowtail
<link href="https://fonts.googleapis.com/css?family=Yellowtail&display=swap" rel="stylesheet">How to win friends and influence people
.dancing-script
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">How to win friends and influence people
.great-vibes
<link href="https://fonts.googleapis.com/css?family=Great+Vibes&display=swap" rel="stylesheet">How to win friends and influence people
.fira-code
<link href="https://fonts.googleapis.com/css?family=Fira+Code&display=swap" rel="stylesheet">How to win friends and influence people