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

Поскольку Linux (и его варианты) имеют совершенно другой набор шрифтов, чем Windows и Mac OS X, есть ли кто-нибудь с опытом создания кроссплатформенных семейств шрифтов - в идеале - поиск эквивалентов общих шрифтов, имеющихся в вышеупомянутых операционных системах?

Если да, то какой маршрут лучше всего выбрать?

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
27
0
1 562
9
Перейти к ответу Данный вопрос помечен как решенный

Ответы 9

Шрифты TrueType (TTF) обычно работают на платформах Windows, Mac и Linux.

http://en.wikipedia.org/wiki/TrueType

TrueType Fonts (TTF) will generally work on Windows, Mac, and Linux platforms.

Спасибо, Джейсон, но я ищу не этот ответ. Многие дистрибутивы Linux поставляются со своими собственными шрифтами, которые отличаются по имени от версий Mac / Windows - предположительно из-за проблем с лицензированием шрифтов.

Я хотел бы получить ответ от пользователя Linux (желательно разработчика), у которого есть опыт создания шрифтов, похожих на внешний вид. Я действительно не хочу давать пользователям Ubuntu Firefox «какой-либо шрифт без засечек».

Просто для пояснения: вы ищете названия шрифтов, которые сделают дизайн вашего веб-сайта похожим на Windows и Mac OS X при просмотре под Linux, вы же не собираетесь разрабатывать новые шрифты, верно?

(Я прочитал ваш вопрос так же, как и Джейсон Наваррете, поэтому по крайней мере два человека неправильно поняли ваш вопрос.)

Имена шрифтов, которые вы ищете, могут иметь вид шрифты Liberation, выпущенные RedHat?

Кстати, 'sans-serif' не дает пользователю «никакого шрифта без засечек», он дает пользователю его / ее предпочтительный sans-serif - что, возможно, может быть лучше, чем тот, который вы выберете.

Что ж, это сложный вопрос.

Обычно есть 3 шрифта, которые в той или иной форме всегда поддерживаются. Это шрифты Adobe Times, Adobe Helvetica и Adobe Courier. Проблема в том, что, хотя у каждой системы и каждой фабрики есть их клоны, они имеют разные имена. Они тоже не совсем одинаковые, но имеют одинаковые показатели. Трио Windows: Arial, Times New Roman и Courier New - их монотипные клоны. В Linux они были предоставлены Adobe в виде растровых шрифтов и в виде клонов URW Nimbus {Sans, Roman, Mono}. Контуры, однако, на экране выглядят не очень красиво (они печатаются на принтере) из-за отсутствия намека.

Решением было бы выбрать несколько вариантов для веб-сайтов. Поскольку в какой-то момент Microsoft сделала "основные шрифты" доступным для распространения, многие системы unix / linux действительно имеют эти шрифты. Так что иди с ними. Свободные шрифты являются прямыми клонами шрифтов MS / monotype, поэтому они должны подходить как альтернативы с аналогичным опытом. Затем выберите «Helvetica», «Times» и «Courier» перед выбором без засечек / моно, который предоставит вам руки.

Большинство операционных систем поддерживают Microsoft Основные шрифты для Интернета. Все они идут в комплекте с OSX, и я вполне уверен, что они будут работать (или иметь почти идентичные варианты) в большинстве любых дистрибутивов Linux.

Страница Microsoft Typography тоже довольно крутая

Ответ принят как подходящий

Вот несколько хороших актуальных списков наиболее часто устанавливаемых шрифтов для ПК, Mac и Linux:

Пример шрифта без засечек и результаты опроса

Пример шрифта с засечками и результаты опроса

Надеюсь, это поможет вашему решению!

Список безопасных веб-шрифтов.

Инструмент с этого сайта является исчерпывающим ресурсом. Легко отправить ссылку клиентам и позволить им выбирать. fonttester.com/web_safe_fonts.html

Ishmael 24.01.2009 23:18

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

Вы всегда можете безопасно сказать «serif», что даст вам Times New Roman или аналогичный, или без засечек, который даст вам Helvetica / Arial или аналогичный на большинстве платформ. Затем, как предлагается в статье, вы можете пойти дальше и различать «широкие» и «узкие» группы.

Вы можете использовать более «прогрессивный подход», выбирая идеальный шрифт и предоставляя общие заменители для тех платформ, на которых он отсутствует. Однако, в конце концов, Интернет не печатается, и вы получаете лишь приблизительный контроль над выбором шрифта. Вы можете выполнять множество пользовательских типографий, используя хорошо поддерживаемые свойства CSS, такие как межстрочный интервал. Но вы никогда не сможете сказать «используйте этот шрифт», и он будет работать одинаково даже на Mac / Windows / Linux, не говоря уже о мобильных устройствах, киосках и т. д.

На Sitepoint есть отличная статья о стеках шрифтов:

http://www.sitepoint.com/article/eight-definitive-font-stacks/

Другие вопросы по теме