Estoy tratando de incluir una fuente personalizada para una página que estoy construyendo. Mi problema es que la alineación vertical de la fuente parece diferente en mi máquina de desarrollo ubuntu y en la de Windows PC.fuentes personalizadas con diferentes métricas verticales entre OS
En primer lugar, aquí están las imágenes para entender el problema
Editar: por desgracia, como un nuevo usuario que no puedo publicar imágenes, por lo que aquí hay una descripción:
La cuestión es la distancia entre las fuentes línea de base y el elemento debajo de él. Hay una brecha inexplicable en mi máquina ubuntu que no es un relleno/margen. Incluso si selecciona el texto, se ve desalineado.
Ambos probado en Chrome, el mismo html/css detrás de él, por supuesto (es la misma página). Sin márgenes inferiores/relleno tanto en el código como en la herramienta del inspector de cromo. La misma altura de línea. La fuente es Museo. Ambos cargan la versión .woff de la fuente. Cualquier otra información, me gustaría proporcionarla.
El css para importar la fuente es:
@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');
}
El problema persistió incluso cuando quité la declaración woff y ttf estaba dando la fuente.
Estoy realmente perdido con esto, no tengo idea de cómo puedo hacerlo de la misma manera. ¡Cualquier tipo de ayuda sería muy apreciada!
Puede publicar enlaces a imágenes y alguien con más representantes puede editarlas en su publicación. –