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

Question

Ingernirated @Ingernirated

Романыч

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

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

Я так понял, если сделать такой синтаксис в 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;
}

Вопрос задан более трёх лет назад
358 просмотров

14 комментариев

Подписаться 1 Простой 14 комментариев

Ankhena @Ankhena

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

Написано более трёх лет назад

Ingernirated @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 @Ankhena

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

Написано более трёх лет назад
Ingernirated @Ingernirated Автор вопроса

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

Написано более трёх лет назад
Ankhena @Ankhena

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

Написано более трёх лет назад
Ingernirated @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 @Ankhena

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

Написано более трёх лет назад
Ankhena @Ankhena

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

Написано более трёх лет назад
Ingernirated @Ingernirated Автор вопроса

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

Написано более трёх лет назад
Ankhena @Ankhena

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

Написано более трёх лет назад
Ingernirated @Ingernirated Автор вопроса

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

Написано более трёх лет назад
Ankhena @Ankhena

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

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

Написано более трёх лет назад
Ingernirated @Ingernirated Автор вопроса

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

Написано более трёх лет назад
Ankhena @Ankhena

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

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

2 комментария

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

CSS

+1 ещё

Простой
Почему 400 шрифт выглядит жирнее, чем должен быть?
- 1 подписчик
- 13 апр.
- 117 просмотров
1

ответ
Шрифты

Простой
Как называется шрифт на картинке?
- 1 подписчик
- 07 апр.
- 65 просмотров
0

ответов
Вёрстка

+4 ещё

Простой
Какой простейший способ потестировать в Safari?
- 1 подписчик
- 01 апр.
- 125 просмотров
0

ответов
Sass

+2 ещё

Простой
Как подключить этот font-face генератор?
- 1 подписчик
- 29 мар.
- 73 просмотра
1

ответ
Дизайн

+2 ещё

Простой
Какой шрифт используется в этом дизайне?
- 1 подписчик
- 22 мар.
- 222 просмотра
2

ответа
Веб-разработка

+2 ещё

Средний
Почему Web Inspector в safari technology и эмулятор IOS 17 не работает?
- 1 подписчик
- 13 мар.
- 69 просмотров
0

ответов
HTML

+2 ещё

Простой
Картинки мутные только на сафари, есть выход?
- 1 подписчик
- 13 мар.
- 318 просмотров
1

ответ
Вёрстка

+1 ещё

Простой
Как заменить стиль эмодзи на сайте?
- 1 подписчик
- 23 февр.
- 73 просмотра
1

ответ
Веб-разработка

+1 ещё

Простой
Иконочные шрифты для сайтов, необходимо ли использовать в 2024г?
- 1 подписчик
- 13 февр.
- 165 просмотров
3

ответа
Шрифты

Простой
Как называется шрифт, используемый в cmd.exe?
- 1 подписчик
- 12 февр.
- 110 просмотров
1

ответ
Показать ещё Загружается…

Платформенный инженер

ИТ Плюс • Пермь

от 250 000 ₽

Senior Backend Engineer в агрегатор нейросетей (150к DAU)

NN Media

от 300 000 до 500 000 ₽

Тестировщик SberOs

Сбер • Санкт-Петербург

от 80 000 до 150 000 ₽

Ошибка в 1с при выгрузке товаров на сайт на Битриксе

25 апр. 2024, в 03:08

3000 руб./за проект

Создание и публикация короткого (reels) UGC-видео на YouTube-канале

25 апр. 2024, в 01:46

500 руб./за проект

Настроить перехват https-трафика для android-приложения

25 апр. 2024, в 01:02

10000 руб./за проект

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;

В фаерфоксе тоже отвратительно выглядит.
Ingernirated, понятно.
Для современных браузеров нужны форматы woff2 и woff. Причем более современный формат, woff2, подключается первым.
Ankhena, но щас дело не в этом, а какой для Сафари красивый шрифт есть, который можно поставить, чтобы не было страшно на сайт заходить.
Ingernirated, пожалуйста, попробуйте поставить woff2 и правильный порядок подключения. С вероятностью 99.9 шрифт будет отображаться нормально, по крайней мере так, как задумывали разработчики.
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; }
Ingernirated, неа, не правильно.
Браузер читает этот список и берет первый из форматов, который теоретически умеет применять и дальше уже не смотрит.
Самый современный это woff2, он должен идти первым, потом woff.
Остальные вообще можно убрать, если не нужна поддержка древностей.
Ingernirated, а кстати, скажите версию сафари?
Ankhena, поменял, оставил только woff2 и woff, в фаерфоксе всё так же ужасно.
Сафари версию клиента не знаю, но его ноуту пол года.
Всё так же грустно в плане этого шрифта.
Ingernirated, тогда последний вопрос: если шрифт подключить с гугла, предварительно убедившись, что он не установлен локально, будет такое же уродство?
Ну или просто открыть страницу шрифта на гугле в сафари и посмотреть, если ли разница между тем что у вас и там.
Только тоже сначала проверить, что его нет локально.
Ankhena, у вас Exo2 красиво на яблоке отображается?
Ingernirated,
красота субъективное понятие, поэтому вам никто и не советует красивых шрифтов, особенно не зная цели, для текста, для заголовков, для цифр или еще зачем-то.

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

Answer 1 · 2019-06-05 12:48:04

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт