A tipografia Lato foi selecionada devido à sua legibilidade, estilo moderno, versatilidade e disponibilidade gratuita através da biblioteca google. Os detalhes semi-arredondados dão uma sensação quente, enquanto a estrutura subjacente proporciona estabilidade e seriedade. Lato é a fonte do GRA DS, utilizada para títulos, subtítulos e texto em destaque. Pretende conferir personalidade à marca nos visuais da interface do utilizador, ao mesmo tempo que reforça a importância de determinados temas com Bold.Neste caso, a Lato também é a fonte secundária, utilizada para texto corrido, slogans, legendas e botões. Melhora a legibilidade especialmente em conteúdos densos. Para uma leitura mais fluida, todas as fontes são maioritariamente utilizadas em minúsculas. As variantes de fonte utilizadas são Bold, Regular e Light.
Para utilizar as classes num elemento e alterar o tamanho da fonte utiliza-se a classe .gra-font-(tamanho), para alterar a largura da fonte utiliza-se .gra-font-(largura) como mostra nos exemplos abaixo.
<h1 class="gra-font-6xl">GRA Design System</h1>
<h1 class="gra-font-5xl">GRA Design System</h1>
<h1 class="gra-font-4xl">GRA Design System</h1>
<h1 class="gra-font-3xl">GRA Design System</h1>
<h1 class="gra-font-2xl">GRA Design System</h1>
<h1 class="gra-font-xl">GRA Design System</h1>
<h1 class="gra-font-l">GRA Design System</h1>
<h1 class="gra-font-m">GRA Design System</h1>
<h1 class="gra-font-s">GRA Design System</h1>
<h1 class="gra-font-xs">GRA Design System</h1>
<h1 class="gra-font-6xl">GRA Design System</h1>
<h1 class="gra-font-6xl gra-font-bold">GRA Design System</h1>
<h1 class="gra-font-6xl gra-font-light">GRA Design System</h1>
<h1 class="gra-font-6xl gra-font-underline">GRA Design System</h1>