Как исправить "загружаемый шрифт: отклонен sanitizer"

Question

Я хочу использовать шрифт на своей веб-странице, но при загрузке страницы получаю следующие сообщения об ошибках в firefox:

downloadable font: rejected by sanitizer (font-family: "Yekan" style:normal weight:normal stretch:normal src index:1) source: .../css/Yekan.woff2  custom.css:1:12
downloadable font: incorrect file size in WOFF header (font-family: "Yekan" style:normal weight:normal stretch:normal src index:2) source: .../css/Yekan.woff  custom.css:1:12
downloadable font: rejected by sanitizer (font-family: "Yekan" style:normal weight:normal stretch:normal src index:2) source: .../css/Yekan.woff  custom.css:1:12
downloadable font: FFTM: invalid table offset (font-family: "Yekan" style:normal weight:normal stretch:normal src index:3) source: .../css/Yekan.ttf  custom.css:1:12
downloadable font: rejected by sanitizer (font-family: "Yekan" style:normal weight:normal stretch:normal src index:3) source: .../css/Yekan.ttf  custom.css:1:12
downloadable font: CFF : table overruns end of file (font-family: "Yekan" style:normal weight:normal stretch:normal src index:4) source: .../css/Yekan.otf  custom.css:1:12
downloadable font: rejected by sanitizer (font-family: "Yekan" style:normal weight:normal stretch:normal src index:4) source: .../css/Yekan.otf

мой файл custom.css:

@font-face {
    font-family: 'Yekan';
    src: url('./Yekan.eot');
    src: url('./Yekan.eot?#iefix') format("embedded-opentype"),
    url('./Yekan.woff2') format('woff2'),
    url('./Yekan.woff') format('woff'),
    url('./Yekan.ttf') format('truetype'),
    url('./Yekan.otf') format('opentype'),
    url('.//Yekan.svg#Yekan') format('svg');
    font-weight: normal;
    font-style: normal;
}

мой style.css (где я использую шрифт):

body
{
   font-family: "Yekan";
}

• Я много искал и ничего не нашел, чтобы решить эту проблему.
• Я использовал этот шрифт раньше, и у меня не было проблем.
• Я проверил тип мема, и он был правильным (например, тип мема Yekan.ttf был application/x-font-ttf).

Answer 1

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

Answer 2

Недавно у меня была проблема со шрифтом значка пакета npm bootstrap-iconsверсия 1.5.0 на сервере. Я использую классы иконок и обертываю их собственными именами классов в SCSS.

Решением для меня было переопределить семейство шрифтов начальной загрузки, а также скопировать и переименовать файлы шрифтов в проект. Так это выглядит в styles.scss нравится:

      @font-face {
  font-family: "bootstrap-icons-redef";
  src: url("../assets/fonts/bootstrap-icons-redef.woff2") format("woff2"),
  url("../assets/fonts/bootstrap-icons-redef.woff") format("woff");
}

Небольшой недостаток этого решения в том, что мне нужно проверять node_modules/bootstrap-icons/font/bootstrap-icons.css при каждом обновлении, чтобы убедиться, что мое переопределение все еще синхронизируется с файлом выше.