@font-face против Google Fonts vs Cufon - программирование

Таким образом, я был вынужден по обстоятельствам использовать @font-face на сайте, который я разрабатываю, и должен сказать, что меня впечатляет качество перекрестного браузера по сравнению с Google Fonts, но похоже, что у него есть большое влияние на запросы HTTP по сравнению с Cufon, так как вам нужно четыре варианта шрифта для копирования тела, а иногда пара для заголовков.

Я вообще работал с cufon, поскольку я нашел его гибким, надежным кросс-браузером и мобильным телефоном, и, несмотря на некоторые странные проблемы с "свободным пространством", иногда легко работать. Я много не делал с шрифтами Google, поскольку рендеринг отстой в некоторых браузерах.

Очевидно, что технология двинулась дальше! Как эти три отличаются друг от друга, есть ли серьезные проблемы с любым из трех?

Ответ 1

Я думаю, что есть два способа выбора между шрифтами шрифтов, браузерами и cufon.

1. Как легко вам будет поддерживать внешний вид вашего сайта с помощью CSS

При использовании javascript-решения для любой части сайта важно (по крайней мере для меня), что сайт выглядит прилично с или без javascript. Это означает, что если пользователь нажимает кнопку "остановить" до того, как страница закончит загрузку, тип будет по-прежнему на своем месте в рамках проекта. Это означает, что вы используете резервные копии по умолчанию. Я обнаружил, что это было действительно проблематично в прошлом, поскольку высота линий шрифтов cufon может сильно отличаться от обычных шрифтов, что делает необходимым писать избыточные css для управления этими случаями, а также кросс-браузерные нарушения - короче говоря, боль в прикладе.

С помощью @font-face, в частности с использованием шрифтов google или typekit, шрифты выбираются качественно и отображают предсказуемо и последовательно (по отношению к макету и линейной высоте) кросс-браузер. Например, вы можете переключиться с proxima-nova на стандартный arial без каких-либо последствий в макете. Я нашел, что это проблема с cufon.

2. Как пользователю необходимо будет взаимодействовать с сайтом

Мне нравится выделять текст, искать текст и видеть текстовый курсор при наведении курсора на текст. Вы не можете сделать это с помощью cufon. Если ваш сайт больше информации тяжелым, cufon не является хорошим выбором.

Я бы сказал, что Cufon - хороший выбор для небольших сайтов, где эстетика имеет одинаковую важность для контента (так как в содержании просто не будет такого же эффекта, если не будет привлекательной типографии, которую ваш пользователь должен поддерживать через CMS... www.macretailsolutions.com - это сайт, который я сделал с Cufon, который, я думаю, подпадает под эту категорию). В противном случае мое мнение таково, что как с точки зрения обслуживания/развития, так и с точки зрения удобства использования, это отстой.

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

Вывод: не используйте Cufon.