Шрифт, указанный в CSS, работает в Chrome, но не в Safari - почему?
Я указал шрифт в CSS - он работает и правильно загружается в настольном Chrome, но вместо этого загружается Arial в настольном Safari и мобильных устройствах в целом - я уверен, что мне не хватает чего-то действительно простого, но я не вижу, что это такое.
Я размещаю сайт на Github и использую бесплатный субдомен netlify, так как это эксперимент - я не уверен, что это актуальная информация.
@font-face {
font-family: Karla;
src: url(.../jsc/Karla-Regular.ttf) format ('truettype');
}
Приносим извинения - тройная точка была ошибкой копирования-вставки. Нет ошибки 404 в консоли. Я установил шрифт.
У вас есть шрифт во всех различных форматах? css-tricks.com/snippets/css/using-font-face
Кроме того, попробуйте использовать абсолютные пути для файлов шрифтов.
Попробуйте указать несколько файлов шрифтов (EOT, WOFF) в вашем @font-face , у Safari могут возникнуть проблемы с файлами TrueType.
Вы установили шрифт в своей системе? Иногда я видел такое поведение, когда он был установлен, хром использовал системный шрифт, а другие браузеры - нет. Вы видите ошибку 404 в консоли? Я вижу, у вас три точки в пути (.../jsc/Karla-Regular.ttf) вместо двух (../jsc/Karla-Regular.ttf).