¿Cómo usar una fuente de google fonts?

Aquí los pasos para usar una fuente diferente a las habituales, extraída de Google Fonts

1. Vamos a Google Fonts:

2. Buscamos la fuente que nos interesa y le picamos en Quick use:

3. Nos vamos al paso 3 y le picamos en @import. Copiamos el código.

4. Lo pegamos hasta arriba de nuestro archivo CSS:

5. Regresamos a google fonts para copiar el código que habremos de introducir en el atributo font-family. En este caso es 'BenchNine', sans-serif:

6. Pegamos dentro de h1 que es lo que nos interesaba. Observen que sí hubo cambios en la imagen del celular.

@EricAraujoM