Pagina personal de Francisco Arias

Texto

Uso de @font-face

Para convertir las fuentes a los distintos formatos se puede usar el servicio online Font Converter.

Este párrafo está formateado con la fuente por defecto de la página, Roboto.

Este párrafo está formateado con la fuente Quicksand

Uso de fuentes externas

Google Font

Este párrafo está formateado con la fuente Ultra

Este párrafo está formateado con la fuente Lobster

Este párrafo está formateado con la fuente Merriweather

Adobe Edge Web Fonts

Este párrafo está formateado con la fuente Aladin

Este párrafo está formateado con la fuente Aclonica

Este párrafo está formateado con la fuente Smythe

Encabezados

Los elementos de cabecera tienen un rango dado por el número del nombre del elemento, donde <h1> tiene el rango más alto, y <h6> tiene el rango más bajo. Los rangos relativos importan sólo en una sección; el esquema es determinado por las secciones, no por el rango de cabeceras de las secciones.

Evite omitir niveles de encabezado: siempre comience con <h1>, después use <h2> y así sucesivamente. Cuando se usan secciones, debe usarse un <h1> por sección.

Encabezado H1

Este es un párrafo de h1.

Encabezado H2

Este es un párrafo de h2.

Encabezado H3

Este es un párrafo de h3.

Encabezado H4

Este es un párrafo de h4.

Encabezado H5

Este es un párrafo de h5.

Encabezado H6

Este es un párrafo de h6.

Caracteres especiales

Cód. Car. Cód. Car. Cód. Car. Cód. Car.
&amp; & &quot; " &lt; < &gt; >
&copy; © &#174; ® &ntilde; ñ &aacute; á
&times; × &divide; ÷ &raquo; » &#153;

Bloques

Fondos

Gradiente 1
Gradiente 2
Color
Imagen

Bordes

Cuadrado
Redondeado
Mixto
Punteado

Sombreados

Sombra 1
Sombra 2
Sombra 3
Sombra 4

Multimedia

Imagen

PNG
Google Chrome
JPG
Google Chrome
GIF
Google Chrome
SVG
Google Chrome

Video

Video local
Video Youtube
Video Vimeo

Audio