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>