Определенный шрифт имеет неправильное подчеркивание только в Firefox - где ошибка и как ее исправить? - PullRequest
Новая
       151

Определенный шрифт имеет неправильное подчеркивание только в Firefox - где ошибка и как ее исправить?

1 голос
/ 12 октября 2019

Проблема

Определенный шрифт ( Concert One от Google Fonts ) ведет себя плохо только в Firefox. Подчеркнутый подчеркиванием подчеркивается как зачеркнутый из-за слишком высокой высоты.

Пример

Вот мой минимальный воспроизводимый пример: 

<!DOCTYPE html>
<html lang="en-us">
    <head>
        <link href="https://fonts.googleapis.com/css?family=Concert+One&display=swap" rel="stylesheet">
    </head>

    <body>
        <u style="font-family: 'Concert One'">Underline too high</u>
    </body>
</html>

Вот внешний вид в Safari (такой же, как в Chrome), который является предполагаемым:

Proper underline in Safari

И вот как это выглядит в Firefox:

Strikethrough in Firefox

Оба снимка экрана были сделаны в версии MacOS 10.15 (19A583). Версия Firefox 69.0.2 (64-bit).

Вопросы

  1. В чем причина? На мой взгляд, это может быть любой из следующих, возможно, более одного:

    • проблема в моем примере
    • неправильно настроен / "неправильный" файл шрифта
    • ошибка вFirefox

    Если проблема не в моем примере, я хотел бы сообщить об этом поведении соответствующей стороне. Я не знаю много о шрифтах или рендеринге в браузере, поэтому мне сложно определить, что здесь происходит.

  2. Если ошибка не в моем примере, есть ли обходной путь, которыйпозволяет мне продолжать использовать этот конкретный шрифт и правильно ли он отображаться в Firefox?

1 Ответ

0 голосов
/ 22 октября 2019

Начиная с Firefox 70 , проблема устранена, возможно, из-за улучшений в композиторе в macOS , или, возможно, из-за того, что «читаемость теперь значительно улучшена для недооцененных или подчеркнутых текстов, включаяссылки. Теперь линии будут прерываться вместо пересечения глифа. "

Спасибо Mr Lister за , отметив, что это будет исправлено в будущих версиях Firefox .

...