Skip to content
techsnow

Text & Fonts

Web Fonts

To use fonts that aren't installed on every computer, load them from a service like Google Fonts or host them yourself.

Google Fonts

<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap" rel="stylesheet">
body { font-family: "Poppins", sans-serif; }

Self-hosted fonts

@font-face {
  font-family: "MyFont";
  src: url("fonts/myfont.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}