¿Tienes algunda duda? | Consúltanos

Tipografías

La tipografía seleccionada para el Colegio Oficial de Ingenieros Industriales de Aragón y La Rioja es la Exo.

Es una tipografía geométrica sans serif contemporánea que intenta transmitir una sensación tecnológica / futurista manteniendo un diseño elegante. Exo estaba destinado a ser una fuente muy versátil, por lo que tiene 9 pesos (el máximo en la web), cada uno con una versión en cursiva.

Puedes descargarla a través del repositorio de tipografías de Google Fonts


Headings

Heading Display

3.5rem/62px line-heigt: 1.2

<h1 class="display">Heading Display</h1><span class="text-h1 display">Heading H1</span>

Heading H1

3rem/54px line-heigt: 1.2

<h1>Heading H1</h1><span class="text-h1">Heading Display</span>

Heading H2

2rem/36px line-heigt: 1.2

<h2>Heading H2</h2><span class="text-h2">Heading H2</span>

Heading H3

1.5rem/28px line-heigt: 1.2

<h3>Heading H3</h3><span class="text-h3">Heading H3</span>

Heading H4

1.125rem/22.5px line-heigt: 1.2

<h4>Heading H4</h4><span class="text-h4">Heading H4</span>
Heading H5

1rem/18px line-heigt: 1.2

<h5>Heading H5</h5><span class="text-h5">Heading H5</span>
HEADING H6

1rem/18px line-heigt: 1.2

<h6>Heading H6</h6><span class="text-h6">Heading H6</span>

Cuerpo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut esto es un link labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

1rem/18px line-heigt: 1.5

<p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur adipiscing elit, sed do eiusmod temporincididunt ut <a href="#">esto es un link</a> labore et dolore magna aliqua.</p>

Strong

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1rem/18px line-heigt: 1.5

<strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporincididunt ut labore et dolore magna aliqua.</strong>

Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

0.75rem/14.4px line-heigt: 1.5

<small>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporincididunt ut labore et dolore magna aliqua.</small>

Caption

LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA.

0.75rem/14.4px line-heigt: 1.5

<p class="text-caption">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporincididunt ut labore et dolore magna aliqua.</p>