Option 1: hosting our own fonts.

To do that, we can use the @font-face rule.

The @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's own computer.

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
       url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}

/* Use */
p {
	font-family: "Open Sans";
}

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

Option 2: embedding services

We can copy and paste the code generated by services such as Google Web Fonts.