Cómo usar CSS para cambiar fuentes en páginas web

Las capturas de pantalla a continuación se aplican al área de juegos de código JSFiddle.net, pero los conceptos que se describen son verdaderos sin importar dónde se implemente su código.

Busque el texto donde desea cambiar la fuente. Usaremos esto como ejemplo:

Dentro del atributo de estilo, cambie la fuente usando el Familia tipográfica estilo.

Guarde los cambios para ver los efectos.

El mejor enfoque es tener siempre al menos dos fuentes en su pila de fuentes (la lista de fuentes), de modo que si el navegador no tiene la primera fuente, puede usar la segunda fuente en su lugar.

El ejemplo descrito anteriormente usa estilo en línea, pero el mejor tipo de estilo usa un hoja de estilo externa para modificar más de un elemento. Use una clase para establecer el estilo en bloques de texto.

Siempre termine los estilos CSS con un punto y coma (;). No es obligatorio cuando solo hay un estilo, pero es un buen hábito comenzar.