Eu estou tentando incluir uma fonte personalizada para uma página que estou construindo. Meu problema é que o alinhamento vertical da fonte parece diferente na minha máquina de desenvolvimento ubuntu e no windows pc.

Primeiro, aqui estão as imagens para entender o problema

Edit: infelizmente como um novo usuário não posso postar imagens, então aqui está uma descrição:

O problema é a distância entre a linha de base das fontes e o elemento abaixo dela. Há uma lacuna inexplicável na minha máquina Ubuntu que não é um preenchimento / margem. Mesmo se você selecionar o texto, ele ficará desalinhado.

Ambos testados no Chrome, mesmo html / css por trás dele, claro (é a mesma página). Sem margem inferior / preenchimento tanto no código quanto na ferramenta inspector do chrome. Mesma altura de linha. A fonte é Museo. Ambos carregam a versão .woff da fonte. Qualquer outra informação, eu ficaria feliz em fornecer.

O css para importar a fonte é:

<code>@font-face {
  font-family: 'Museo-700';
  src: url('path-to-eot');
  src: url('path-to-eot?') format('embedded-opentype'),
       url('path-to-woff') format('woff'),
       url('path-to-ttf') format('truetype');  
}
</code>

O problema persistiu mesmo quando eu removi a declaração do woff e o ttf estava fornecendo a fonte.

Eu estou realmente perdida com isso, não faço ideia de como posso fazer o mesmo.