Что они означают в терминах "css font stack", что нового? - PullRequest
1 голос
/ 26 февраля 2011

В течение многих лет я использую Dreamweaver, который дает несколько советов по размещению семейств шрифтов в CSS.

Разве это не стек шрифтов? Что нового в термине « CSS Font Stack »

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

enter image description here

Ответы [ 5 ]

1 голос
/ 26 февраля 2011

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

Используя свойство CSS font-family, вы можете определить несколько шрифтов, например:

font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;

Это читается слева направо, если у пользователя нет Arial, тогда font-family откатится на Liberation вплоть до самого базового sans-serif (выберите любой шрифт без засечек, если вышеупомянутый шрифты не найдены).

1 голос
/ 26 февраля 2011

Вы правы - вы определили несколько шрифтов, и браузер просто выберет первый из списка, который есть в вашей системе.

0 голосов
/ 21 июля 2016

Вы правы в своем мышлении.В выпадающем меню есть наборы шрифтов «Безопасный веб».Если вы используете какой-либо из них, ваш текст должен отображаться одинаково на всех устройствах и во всех браузерах.

В настоящее время существует тенденция использовать Google Fonts или некоторые другие импортированные или загруженные шрифты и, таким образом, контролировать то, что отображается.Даже в этом случае рекомендуется также включить один или несколько альтернативных стандартных шрифтов в стек шрифтов на тот случай, если ваши посетители не смогут загрузить шрифты Google или другие варианты, которые вы предоставляете.

0 голосов
/ 26 февраля 2011

нет ничего нового, вот уже несколько лет это стандартный способ установки шрифтов.

0 голосов
/ 26 февраля 2011

стек шрифтов, это просто список шрифтов (семейств шрифтов), если первый недоступен для браузера, затем используется второй и т. Д.можно выбрать из

...