Красивый шрифт для Safari?

Question

[Ingernirated]

Всем привет!
Столкнулся с проблемой, что в сафари почти все подключаемые шрифты выглядят отвратительно.
Подскажите пожалуйста красивый шрифт на Сафари, который есть по умолчанию или который можно подключить.

Я так понял, если сделать такой синтаксис в CSS, то, если кто-то зашёл с Сафари, то (бог с ним) после загрузки моего шрифта, включится тот, который указан ниже для Сафари?
А если это любой другой браузер, что подключится Exo, так?

Или как лучше сделать, а то, как увидел Exo на сафари, чуть сердце не остановилось.

p,a,h1,h2,h3 {
     font-family:"Exo", sans-serif;
     	font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
      Oxygen, Ubuntu,Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

Comments

[Ankhena]

С гугла подключали?

[Ingernirated]

Ankhena, нет, качал 3 файлами

font-family: "Exo";
src: url('/fonts/Exo20-Regular.eot');
src: url('/fonts/Exo20-Regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/Exo20-Regular.woff') format('woff'),
url('/fonts/Exo20-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;

В фаерфоксе тоже отвратительно выглядит.

[Ankhena]

Ingernirated, понятно.
Для современных браузеров нужны форматы woff2 и woff. Причем более современный формат, woff2, подключается первым.

[Ingernirated]

Ankhena, но щас дело не в этом, а какой для Сафари красивый шрифт есть, который можно поставить, чтобы не было страшно на сайт заходить.

[Ankhena]

Ingernirated, пожалуйста, попробуйте поставить woff2 и правильный порядок подключения. С вероятностью 99.9 шрифт будет отображаться нормально, по крайней мере так, как задумывали разработчики.

[Ingernirated]

Ankhena,
Я правильно добавил его?
Или в самый верх надо woff2 поставить, а eot опустить вниз?
Просто так было в примере, где мне предлагали скачать в 3 форматах без woff2
@font-face {

font-family: "Exo";
src: url('/fonts/Exo20-Regular.eot');
src: url('/fonts/Exo20-Regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/Exo20-Regular.woff2') format('woff2'),
url('/fonts/Exo20-Regular.woff') format('woff'),
url('/fonts/Exo20-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

[Ankhena]

Ingernirated, неа, не правильно.
Браузер читает этот список и берет первый из форматов, который теоретически умеет применять и дальше уже не смотрит.
Самый современный это woff2, он должен идти первым, потом woff.
Остальные вообще можно убрать, если не нужна поддержка древностей.

[Ankhena]

Ingernirated, а кстати, скажите версию сафари?

[Ingernirated]

Ankhena, поменял, оставил только woff2 и woff, в фаерфоксе всё так же ужасно.
Сафари версию клиента не знаю, но его ноуту пол года.
Всё так же грустно в плане этого шрифта.

[Ankhena]

Ingernirated, тогда последний вопрос: если шрифт подключить с гугла, предварительно убедившись, что он не установлен локально, будет такое же уродство?
Ну или просто открыть страницу шрифта на гугле в сафари и посмотреть, если ли разница между тем что у вас и там.
Только тоже сначала проверить, что его нет локально.

[Ingernirated]

Ankhena, у вас Exo2 красиво на яблоке отображается?

[Ankhena]

Ingernirated,
красота субъективное понятие, поэтому вам никто и не советует красивых шрифтов, особенно не зная цели, для текста, для заголовков, для цифр или еще зачем-то.

Выглядит так:

[Ingernirated]

Ankhena, у вас красиво отображается, как и должно.

[Ankhena]

Ingernirated, значит вернуться к моему предыдущему предложению и взять шрифты из гугла, проверив что нет локального.
Потому что бывают битые шрифты, туда сюда конвертированные и по дороге что-то потерявшие, без кириллицы и т.д.

Answer 1

[Undo Redo]

Не рекомендую использовать Safari, как место для тестирования своих сайтов. Если уж на это и пошло, то я бы порекомендовал использовать CSS-хаки, то бишь функцию, при которой одни браузеры игнорят правила, а другие- нет. Советую либо погуглить красивые шрифты, либо, если тебе влом, то, при открытии сайта в Safari может появляться окошко с подписью о том, что Safari не поддерживает твой сайт и далее- сделать блокировку содержимого

Comments

[Ingernirated]

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

[Николай]

Блин, 8 лет уже верстаю на сафари и сверяюсь с хромом/оперой/лисой - и ни разу не было проблем :(
Что ж вы раньше не сказали что Safari

не место для тестирования

И почему я раньше не замечал, что в Safari все сайты выглядят кривыми, ведь Safari

убивает весь дизайн своим убожеством шрифтов.