Популярные комбинации шрифтов с засечками и без засечек, совместимые с браузерами?

Мне было любопытно, какие комбинации шрифтов с засечками и без засечек предпочтительнее использовать, чтобы они были совместимы с большинством браузеров.

Хотя я знаю, что с введением CSS3 импорт пользовательских шрифтов является отличным решением, мне было интересно, в качестве резервной копии, какую комбинацию было бы хорошо использовать? Есть ли вообще хорошая/плохая комбинация с доступными шрифтами?

Шрифты будут использоваться для веб-страницы ресторана.

Я не на 100% знаком с типографикой и был бы признателен за некоторые профессиональные мнения.

что вы имеете в виду, что @font-face не полностью поддерживается. Технически это часть спецификации css2. Каждая версия IE, начиная с 6, поддерживает его, Safari 3+ (не знаю о 2) поддерживает его, каждая версия Chrome, когда-либо выпущенная, поддерживает его, Firefox поддерживает его, начиная с 3.5 (и призывает вас обновиться до последней версии) . Я бы сказал, что вы можете получить 80% посетителей с @font-face, и эти 20%, вероятно, меньше, потому что браузеры побуждают пользователей обновляться.
Это странно, я мог бы поклясться, что это не работает в IE. Хм. Ну спасибо за поправку.
@DKuntz2 Вот в чем путаница: хотя @font-face действительно поддерживается всеми основными браузерами, не существует единого формата шрифта, который в настоящее время поддерживается всеми основными браузерами. У вас должно быть несколько форматов шрифта, и будьте осторожны с объявлением @font-face. Подробнее читайте здесь: paulirish.com/2009/bulletproof-font-face-implementation-syntax .

Ответы (3)

Если вы хотите использовать @font-face, выберите сервис, который обеспечивает правильное отображение во всех (большинстве) браузерах и ОС. На ум приходят Google Webfonts, Typekit и Fontspring, но есть и другие.

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

DesignShack: 10 отличных комбинаций шрифтов Google

а также

Smashing: полное руководство по стекам шрифтов

использование сервисов добавляет дополнительные накладные расходы, а также javascript (ы), а также зависимость от третьих сторон. поэтому, когда это возможно, сверните свой собственный синтаксис в css... гораздо более легкий и настраиваемый.

Trebuchet, Verdana и Arial (без засечек), а также Georgia и Times (с засечками) являются общими для Windows и OS X, поэтому у большинства пользователей будут установлены эти шрифты. Итак, чтобы ответить на ваш вопрос, любая комбинация Trebuchet/Verdana/Arial и Times/Georgia будет поддерживаться на большинстве вычислительных устройств. См. http://media.24ways.org/2007/17/fontmatrix.html , хотя он не полностью обновлен.

Стеки шрифтов «Georgia-like» (serif), «Times-like» (serif), «Courier-like» (моноширинный) и «Helvetica-like» (без засечек) приведены в моей статье « Шрифты, которые работают в Windows, OS X и Linux ».

Улучшенный стек, подобный Helvetica, приведен в разделе « Многоплатформенный стек шрифтов, подобный Helvetica, который подавляет Arial ».

«Droid-подобные» (с засечками), «Verdana-подобные» (без засечек) и моноширинные стеки приведены в « Трех стеках шрифтов для соответствия DejaVu / Bitstream Vera ».

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

Популярные комбинации шрифтов с засечками и без засечек, совместимые с браузерами?
СпросиСетьПолитика конфиденциальности1y, 0v