Ich versuche, eine benutzerdefinierte Schriftart für eine von mir erstellte Seite einzuschließen. Mein Problem ist, dass die vertikale Ausrichtung der Schrift auf meinem Ubuntu-Entwicklungscomputer und auf Windows-PCs anders aussieht.

Hier sind zunächst die Bilder, um das Problem zu verstehen

Bearbeiten: leider kann ich als neuer Benutzer keine Bilder posten, daher hier eine Beschreibung:

Das Problem ist der Abstand zwischen der Grundlinie der Schrift und dem Element darunter. Es gibt eine unerklärliche Lücke auf meiner Ubuntu-Maschine, die keine Polsterung / Rand ist. Selbst wenn Sie den Text auswählen, sieht er falsch aus.

Beide auf Chrome getestet, dahinter natürlich dasselbe HTML / CSS (es ist dieselbe Seite). Keine unteren Ränder / Polster sowohl am Code als auch am Inspector Tool aus Chrom. Gleiche Zeilenhöhe. Die Schriftart ist Museo. Beide laden die .woff-Version der Schriftart. Für weitere Informationen stehe ich gerne zur Verfügung.

Das CSS zum Importieren der Schriftart lautet:

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

Das Problem bestand auch dann, wenn ich die Woff-Deklaration entfernte und ttf die Schriftart bereitstellte.

Ich bin wirklich verloren mit diesem, keine Ahnung, wie ich es genauso machen kann.