Chrome Не удалось декодировать скачанный шрифт OTS Ошибка разбора: post: Не удалось проанализировать таблицу - PullRequest
0 голосов
/ 30 августа 2018

У меня проблема при использовании шрифта yojo.ttf. Вот мой простой HTML-код

<html>
<head>
    <style>
        @font-face {
            font-family: 'yojo';
            src: url('./yojo.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }
    </style>
</head>
<body>
    <p style="font-family: 'yojo'">ありがとう</p>
</body>
</html>

yojo.ttf

Этот шрифт хорошо работает в Safari, но не работает в chrome и firefox: шрифт текста в абзаце не относится к семейству шрифтов yojo, а на консоли просто отображается предупреждающее сообщение:

Не удалось декодировать загруженный шрифт Ошибка анализа OTS: post: Не удалось проанализировать таблицу

Есть ли способ исправить проблему без изменения файла шрифта? Спасибо!

1 Ответ

0 голосов
/ 22 ноября 2018

Я знаю, что это немного устарело, и вы, вероятно, уже поняли это, но на тот случай, если у вас нет или у кого-то такая же проблема ...

Была такая же проблема, и в основном кажется, что Chrome и другие браузеры не могут прочитать формат шрифта .ttf. Вот как я это исправил:

Преобразуйте файл .ttf в другие форматы шрифтов, такие как .eot и .woff.

Вы можете сделать это, зайдя на этот сайт ...

https://transfonter.org/

Загрузите свой шрифт, затем выберите все необходимые форматы (я выбрал все), и я думаю, что вы можете оставить все остальное с настройкой по умолчанию.

transfonter screen

Затем нажмите кнопку загрузки. Вы получите сжатый файл со всеми форматами файлов шрифтов и таблицу стилей CSS, которая дает вам пример того, как должно выглядеть ваше объявление @ font-face. Вы можете скопировать это в свой файл CSS или просто сделать свое собственное объявление. Конечно, вы должны также разместить файлы шрифтов там, где вы хотите, чтобы ваш сайт имел к ним доступ.

И теперь он должен работать для Chrome, Safari и Firefox. Не уверен насчет других браузеров!

Надеюсь, это поможет вам или кому-то еще.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...