Elegir la fuente adecuada para su página web es un aspecto muy importante de cualquier diseño. El uso de un servicio de fuentes web le permite utilizar una amplia variedad de fuentes adecuadas para presentar los datos en su página web. Google Fonts es un servicio gratuito de fuentes web que alberga una gran variedad de fuentes para elegir. Podemos utilizar estas fuentes en nuestras páginas web.
Para usar una fuente personalizada, debemos importar la familia de fuentes del servicio de fuentes web, Google Fonts, en este caso.
Método 1: uso de la etiqueta <link>
<enlace href=’https://fonts.googleapis.com/css?family=Sofia’ rel=’stylesheet’/>
Método 2: usar la regla @import
@importar URL(‘https://fonts.googleapis.com/css?family=Poppins’);
Ejemplo 1:
<html>
<head>
<link href=
'https://fonts.googleapis.com/css?family=Sofia'
rel='stylesheet' />
<style>
h1 {
font-family: Sofia;
color: green;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
</center>
</body>
</html>
Salida: 
Ejemplo:
<html>
<head>
<style>
@import url(
https://fonts.googleapis.com/css?family=Open+Sans);
h1 {
font-family: 'Open Sans', serif;
color: green;
}
</style>
</head>
<body>
<center>
<h1>
GeeksforGeeks</h1>
</center>
</body>
</html>
Producción: