Кроссбраузерные, кроссистемные шрифты без зачечек

Необходимо подключить на сайт встроенные шрифты с помощью свойства font-family.

Вопрос: какие шрифты и в каком порядке нужно перечислить в font-family, чтобы в первую очередь шли самые универсальные (которые есть в большинстве систем)?

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


Ответы (1 шт):

Автор решения: Инквизитор

font-family:Arial, Helvetica, sans-serif

Sans-serif - это не конкретный шрифт, а общая классификация шрифтов без засечек. Во всех нормальных системах присутствует минимум по одному шрифту из семейств Serif (с засечками), Sans-serif (без засечек) и Monospace (моноширинные).

И если вам надо, чтобы в первую очередь шли самые универсальные, то я вас разочарую - их нет. Вы можете подобрать максимально похожие - в моем примере для винды будет задействован Ариал, в макоси - Гельветика (второй в списке, т.к. Ариала там нет), если надо, добавьте еще для линукса и андроида, а для непредусмотренных случаев в самом конце воткните Sans-serif, чтобы система задействовала именно шрифт без засечек, хоть какой-то, ибо без этого по умолчанию будет системный serif.

→ Ссылка