Próbuję dołączyć niestandardową czcionkę do strony, którą buduję. Moim problemem jest to, że wyrównanie pionowe czcionek wygląda inaczej na moim komputerze programistycznym ubuntu i na komputerach z systemem Windows.

Po pierwsze, tutaj są obrazy, aby zrozumieć problem

Edytuj: niestety jako nowy użytkownik nie mogę publikować obrazów, więc oto opis:

Problemem jest odległość między linią bazową czcionek a elementem pod nią. Na mojej maszynie ubuntu jest niewyjaśniona luka, która nie jest dopełnieniem / marginesem. Nawet jeśli wybierzesz tekst, wygląda on źle.

Oba testowały na Chrome, oczywiście to samo html / css (to ta sama strona). Brak dolnych marginesów / wypełnień zarówno w kodzie, jak iw narzędziu inspekcyjnym chrome. Ta sama wysokość linii. Czcionką jest Museo. Oba ładują wersję czcionki .woff. Wszelkie inne informacje, chętnie udzieliłbym.

Css do importowania czcionki to:

<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>

Problem utrzymywał się nawet po usunięciu deklaracji woff, a ttf podawał czcionkę.

Naprawdę jestem z tym zagubiony, nie mam pojęcia, jak to zrobić.