Установленные пользователем шрифты Safari не отображаются - PullRequest
1 голос
/ 30 января 2020

Я использую MA C OSX, и моя версия Safari - 13.0.3. Я попытался установить некоторые пользовательские шрифты на мою машину. Я установил шрифт great-vibes из https://www.fontsquirrel.com/fonts/list/popular (просто пример) на свой компьютер, и теперь он отображается в разделе «Шрифт пользователя» в моей книге шрифтов. Я использую .otf формат шрифта. Теперь я попытался использовать его в своем веб-приложении следующим образом:

@font-face {
  font-family: 'Great Vibes'; //Added postscript name as well, did not work
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes')
}
body {
  font-family: 'Great Vibes' !important;
}

Это работает в Chrome и Firefox (даже без объявления @ font-face). Но это НЕ , работающий в Safari. Я пробовал варианты, такие как -webkit-text-stroke: .5px; текст-рендеринг: optimizeLegibility; Но это не работает. Я попытался установить различные пользовательские шрифты на мою машину, и они не работают в Safari. Я вижу, что шрифт установлен правильно.

ПРИМЕЧАНИЕ. Сохранение пользовательского шрифта в коде моего приложения и использование @ font-face / src / url работает нормально. Проблема заключается в попытке доступа к пользовательским установленным шрифтам на компьютере.

1 Ответ

1 голос
/ 30 января 2020

Вам следует попробовать синтаксис Bulletproof @ font-face , где синтаксис basi c для локальных шрифтов выглядит следующим образом:

@font-face {
font-family: 'Graublau Web';
src: url(GraublauWeb.eot);
src: local('Graublau Web Regular'), url(GraublauWeb.otf) format('opentype');
}
...