Install Google fonts

Web Design Cheatsheet

Install Google fonts

Add to HTML

Single font family

Add to <head>

<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap” rel=”stylesheet”>

Multiple font families

family=Arimo&family=Montserrat&display=swap” rel=”stylesheet”>

CSS rules

font-family: ‘Roboto’, sans-serif;

font-family: ‘Oswald’, Helvetica, Arial, serif;

WordPress

Add to header.php

Your email address will not be published. Required fields are marked *