👾🎲COMO EXPORTAR UN TIPO DE LETRA A TU DOCUMENTO CSS Y CREAR UNA VARIABLE PARA QUE LA UTILICES FÁCILMENTE👾🎲

<h1>👾🎲TUTORIAL DE COMO INTRODUCIR UN TIPO DE LETRA DIFERENTE A UN DOCUMENTO CSS Y UTILIZARLO FÁCILMENTE COMO UNA VARIABLE👾🎲</h1>

---

---

PASO 1: CREAR NUESTRO DOCUMENTO HTML Y CSS 🍩:

---

PASO 2: CREAR NUSTRA ESTRUCTURA HTML5 🍷:

---

PASO 3: CONECTAMOS NUESTRO DOCUMENTO CSS AL DOCUMENTO HMTL CON LA ETIQUETA LINK🧩:

"stylesheet"href="./style.css">

• Yo voy a crear unas etiquetas que contengan texto para poder ver el ejemplo:
  

---

PASO 4: VAMOS A LA PáGINA OFICIAL DE GOOGLE FONT⚙️:

.

https://fonts.google.com/?preview.size=37

.

---

PASO 5: ESCOGEMOS UNA DE LAS MUCHAS OPCIONES QUE NOS DA GOOGLE FONT🎱:

DAMOS CLICK EN LA QUE QUEREMOS QUE TENGA NUESTRA PÁGINA

---

PASO 6: VAMOS A DARLE EN LA OPCIÓN DE ABAJO A LA DERECHA QUE TIENE UN SIGNO "+"🕶:

TIP:

AQUÍ PUEDES VER TU PARRAFO SEGUN EL PX QUE TENGA, SE PUEDE MODIFICAR Y JUGAR UN POCO CON EL

---

PASO 5: EN ESTE APARTADO QUE APARECE A LA DERECHA ELEGIREMOS LA OPCIÓN "@IMPORT"🍩🍷:

PASO 6: COPIAMOS EL PRIMER CÓDIGO Y PEGAMOS EN EL DOCUMENTO STYLE.CSS🕶:

@import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');

PASO 7: COPIAMOS SOLO LA FAMILIA DEL SEGUNDO CÓDIGO Y PEGAMOS EN UNA NUEVA VARIABLE⚙️🧩:

'Young Serif', serif

PASO 8: LE PONEMOS LA PROPIEDAD FONT-FAMILY Y EL VALOR DE NUESTRA VARIABLE A CADA UNO DE LOS ELEMENTOS QUE QUERRAMOS QUE TENGAN ESTE TIPO DE LETRA🎱⚙️:

.contenedorh1{
    font-family: var(---letra-principal);
}

<h1>Y LISTO ASI QUEDARIA NUESTROS EJEMPLOS</h1>

<h1>GRACIAS POR LEER 😄</h1>