Todo va dentro de la etiqueta <style> y </style>.
.parrafo1 {text-align: left; background-color: red;}
Importar tu propia fuente por si el usuario no la tiene instalada:
@font-face {font: "miFuente"; src: ('./font/miFuente.ttf') ;}Trabajaremos todo lo relacionado con las tipografías sobre la etiqueta h1
h1{
font-family: "Arial","Helvetica","serif"; --> Usamos este atributo para cargar varias fuentes.
font-style: italic ; --> Usamos este atributo para poner todos los h1 en cursiva.
font-variant: small-caps (o normal) ; --> Usamos este atributo para cambiar el tamaño de las mayúsculas.
font-weight: 500 ; --> Usamos este atributo para poner el texto en negrita, siguiendo una escala que
va desde el (100-900) va de 100 en 100.
El valor 500 se corresponde con el tipo de letra "normal"
El valor 700 se corresponde con el tipo de letra "negrita"
El valor 900 se corresponde con el tipo de letra "más llamativo"
font-size: xx-small, x-small, small, smaller medium, large, xx-large, x-large, large, larger ; --> Usamos este atributo para los distintos tamaños de letra.
Otra forma de indicar el tamaño es:
font: 12pt
}
p{ font: 12pt/1.5 bold italic Arial; } --> Con esta etiqueta indicamos que la fuente va a 12 pixeles, el 1.5 se refiere al interlineado, y los distintos tipos de tipografía.
