Развитие интернет технологий, обеспечивает все новые и новые методы подачи информации пользователю. Полет фантазии дизайнеров порождают чудесные интерфейсы, используя красочные иллюстрации и эффекты. Но сайт это не просто картина на выставке, а в первую очередь контент, текстовая информация. В плане оформления текста дизайнер, как правило, ограничен так называемыми "безопасными шрифтами". Набором шрифтов, которые в той или иной форме поддерживаются любым устройством с любой ОС. Случается так, что идея будущего сайта толкает художника рисовать такой дизайн, в котором стандартные шрифты не вписываются эстетически.
Бывают другие случаи, когда компания заказчик диктует использование их фирменного шрифта, который своим видом дает понять, что это именно та компания, и не какая другая. Дизайнеру в рисовании в этом плане несколько проще, он может использовать в макете любой шрифт. Но когда макет передается в руки верстальщику, тут то, как раз и возникают трудности. Как показать нужный шрифт на странице, если он не является стандартным? Тут нам на помощь приходит несколько решений: нестандартное – используем сторонние библиотеки cufon, google fonts, и другие, или стандартное – css правило @font-face. Вот о последнем подробнее пойдет речь далее.