Espaciado vertical de caracteres en variable de Chrome
Convertí una fuente SVG a OTF utilizando FontForge. Sé que la fuente original tiene ciertos errores, pero realmente no creo que ninguno de esos errores sea la causa del siguiente problema:
Cuando uso CSS writing-mode:vertical-lr; text-orientation:upright
, obtengo los siguientes resultados. La representación en Firefox es perfecta, pero por alguna razón los resultados parecen ajustar ciertas combinaciones de letras en Chrome (ver. 96). He intentado hacer todo lo que se me ocurre en FontForge, como borrar tablas de kerning, alternar opciones para el “antiguo kerning” y el “kerning de Microsoft”, etc. Nada parece hacer ninguna diferencia en el resultado.
Sé que la orientación vertical no es bien soportada en general por los navegadores, pero es evidente que la fuente Arial se representa perfectamente en Chrome, así que creo que debe haber algo que pueda hacer para solucionar este problema.
La fuente se genera en FontForge a partir de una fuente SVG que utiliza “vert-adv-y”. Los valores para ese parámetro son correctos en el SVG (el SVG tiene otros errores, pero no creo que tengan ninguna relevancia aquí). Estoy adjuntando una copia del archivo OTF exportado. Tal vez alguien pueda descubrir algún problema de kerning o avance de letras.
O tal vez Chrome esté haciendo algún tipo de kerning automático, en cuyo caso, ¿por qué no ocurre con la fuente Arial? Quizás la fuente Arial tenga configuraciones GPOS, mientras que mi fuente tiene kerning antiguo. Realmente no tengo ni idea.
ENLACE PARA DESCARGAR EL ARCHIVO OTF.
Aunque las letras de la izquierda de la imagen son minúsculas, se producen utilizando las teclas en mayúscula A, B, C, etc.
davy.ai
Solución de problemas de un problema de fuente con el modo de escritura vertical de CSS
Antecedentes
El problema en cuestión es que después de convertir una fuente SVG a OTF utilizando FontForge, ciertas combinaciones de letras parecen ajustarse inapropiadamente al utilizar CSS
writing-mode:vertical-lr; text-orientation:upright
en la versión 96 de Google Chrome. La fuente se generó utilizando una fuente SVG que utiliza vert-adv-y, y los valores para ese parámetro están correctamente establecidos en el SVG. La fuente Arial se muestra perfectamente en las mismas condiciones en Chrome.Posibles causas
Pasos para solucionar problemas
Ya se han realizado varios pasos, incluyendo la eliminación de tablas de kerning, alternar opciones de “kerning antiguo” y “kerning de Microsoft” en FontForge, pero nada ha hecho ninguna diferencia en el resultado.
Los posibles próximos pasos incluyen:
– Comparar la configuración OTF de la fuente personalizada y la fuente Arial para identificar cualquier diferencia que pueda afectar el comportamiento del kerning
– Revisar el avance de las letras en el archivo OTF para ver si se pueden realizar ajustes para mejorar el problema de kerning
– Investigar más sobre el kerning automático en Chrome para ver si es un problema conocido y si hay alguna solución o solución alternativa disponible
– Explorar otros modos de escritura y configuraciones de orientación en CSS para identificar cualquier configuración alternativa que pueda renderizar mejor en Chrome sin sacrificar la usabilidad
Asistencia adicional
Si el problema persiste, puede ser útil buscar ayuda de un especialista en fuentes con experiencia en solución de problemas y optimización del rendimiento de fuentes en entornos digitales.
Enlace de descarga
Aquí está el enlace de descarga para el archivo OTF en cuestión:
ENLACE PARA DESCARGAR EL ARCHIVO OTF.