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

Question

Я разработал сайт с использованием многочисленных веб-шрифтов Google. К сожалению, в WinXP (IE6-8) некоторые шрифты кажутся чрезмерно сглаженными и теряют визуальную четкость и четкость. Никаких проблем ни с другими браузерами (Safari, Chrome, FF) на IE8, ни с браузерами на MacOSX.

IE8 на WinXP (чрезмерное усердие сглаживания)

Chrome WinXP (выглядит хорошо)

Итак, я рассматриваю возможность использования эквивалентных шрифтов из fontsquirrel.com . Каковы преимущества / недостатки использования @ font-face по сравнению с Google Web Fonts? Пока что из моих экспериментов они выглядят намного лучше ...

PS. запускается document.ready () после загрузки шрифтов @ font-face?

Answer 1

Разницы нет.

Если вы посмотрите на серверную часть веб-шрифтов Google, он использует @font-face точно так же, как и все остальные, включая FontSquirrel и его генератор @font-face. Ничего волшебного, ничего особенного. Важен сам шрифт и движок рендеринга браузера.

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

---

P.S. Нет, событие DOMContentLoaded (jQuery ready) возникает после загрузки DOM, как следует из названия. load может выстрелить потом, я не уверен. Лучше не полагаться на это.

Answer 2

Если вы хотите, чтобы оно было одинаковым во всех браузерах, используйте что-то вроде Cufon.

http://cufon.shoqolate.com/generate/

https://github.com/sorccu/cufon/wiki/Demos

Сравнение ихвсе в этой статье

http://www.nineteenfortyone.com/2010/06/cufon-vs-css3-vs-google-font-api/

Кто-то задает подобный вопрос здесь >>

@ font-face vs Google Fonts vs Cufon