@ font-face против Google Fonts против Cufon - PullRequest
Новая
       33

@ font-face против Google Fonts против Cufon

11 голосов
/ 16 октября 2011

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

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

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

1 Ответ

17 голосов
/ 16 октября 2011

Я думаю, что есть два соображения при выборе между @ font-face, браузером по умолчанию и cufon.

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

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

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

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

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

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

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

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

...