Какие шрифты можно ставить на фоллбеки?

Question

[lufasab]

Какие вообще существуют мультиплатформенные кроссбраузерные шрифты?

Речь о том, что ставить на фоллбеки. Вот например:

font-family: 'EB Garamond', serif;

Но serif по моему скромному вкусу это одна из самых уродливых вещей на планете. Какие есть альтернативы? sans-serif, monospace - что еще можно ставить, и что будет одинаково отображатся везде? есть ли список универсальных шрифтов которые есть во всех операционках?

Answer 1

[Mercury13]

Таких универсальных шрифтов нет. В Windows свой комплект, в Mac свой, в Linux свой. А в Ведроиде — у Хрома и Лисички разные шрифты.

Любая цепочка должна кончаться шрифтами serif, sans-serif или monospace — это стандартные шрифты браузера. Браузер их применит, если не найдёт других. Ну и, разумеется, нежелательны serif/monospace на малых кеглях (есть риск, что будут плохо смотреться).

HTML сделан (по крайней мере изначально) так, чтобы он как-то рендерился на любом устройстве, возможно, с перевёрсткой. Может оказаться, что браузер (например, мобильный) вообще не поддерживает внешних шрифтов, а из внутренних имеет две-три штуки.

Идеал — сделать страницу так, чтобы на «чужом» шрифте она нормально читалась.

Comments

[lufasab]

Ну вот смотрите, Гугл Фонтс еще вот предлагает font-family: 'Comfortaa', cursive;

Т.е. это не только serif, sans-serif или monospace.

Где можно узнать полный список?

[Mercury13]

Да, мои знания чуть устарели, добавили cursive (беглый) и fantasy (вычурный).

[lufasab]

Mercury13: где эта спецификация, скажите плз? Я собственно именно это и спрашиваю.

[lufasab]

ок, нашел - https://www.w3.org/Style/Examples/007/fonts.en.htm...

[Mercury13]

Есть ещё htmlbook.ru.

Answer 2

[McBernar]

Serif — это шрифт с засечками.
Sans-serif — без засечек.

Многие сайты часто берут пару из serif + sans-serif. Один для заголовков, второй для текста.

Универсально — Arial. Ставьте вторым, не прогадаете.
Но если в дизайне где-то есть serif-шрифты, тогда нужно им подобрать пару — Georgia, по-моему, есть во всех ОС. Ну и да — ставьте serif третьим в списке, чтобы подтянулся любой доступный.

Answer 3

[dom1n1k]

Заменить Garamond чем-либо другим очень сложно, почти невозможно - слишком характерный шрифт. И ко всему прочему, имеет очень низкие строчные, любая подмена будет сильно скакать. Ну то есть подменить Гарамон можно только другим Гарамоном.
Полностью надежного варианта, увы, не существует. Можно только закрыть бреши с некоторой вероятностью:
- на Маках одно время был Apple Garamond, но не уверен, что есть сейчас
- на Винде Garamond есть у части пользователей, поставивших себе определенные версии MS Office https://www.microsoft.com/typography/fonts/font.as...
- на обоих системах может присутствовать Adobe Garamond, если юзер пользуется Фотошопом
- на Линукс проще забить.

А если вопрос был не именно о Гарамоне, а вообще, то вот:
www.cssfontstack.com