Материалы с тегом «типографика»
- 
@font-face в деталях@font-face — достаточно сложная декларация. Зачастую она просто копипастится с Typekit не вникая, что из той кучи строк реально нужно для своего проекта. Попробуем в этом вопросе разобраться. 
- 
@font-face. Нестандартный шрифт средствами CSS.Как внедрить нестандартный шрифт без использования картинок, javascript и flash? Т.е. использовать только последние достижения в CSS. Ответ — CSS правило @font-face. 
- 
Cufon — нестандартный шрифт средствами JSНужно внедрить нестандартный шрифт на веб страницу? Одно из решений, которое достойно твоего внимания — javascript плагин Cufon. 
- 
font-size: 100.01% для htmlОтвечаем на вопрос: зачем использовать font-size: 100.01%. 
- 
Google Web FontsУдобный сервис от Google, предназначенный для подключениия на страницу бесплатных оптимизированных для веба шрифтов. 
- 
WOFF ждет зеленый светW3C занялся нестандартными шрифтами. Чего ожидать в ближайшем будущем? 
- 
А действительно ли мне нужен нестандартный шрифт?Все чаще попадаются макеты с нестандартными шрифтами. Все чаще встречаются проблемы связанные с @font-face. Попробовал собрать эти проблемы вместе чтобы прозе было доносить до заказчиков, что нестандартный шрифт зачастую — это не 5 строчек CSS кода и 30 секунд работы. 
- 
Безопасные шрифтовые CSS стеки для англоязычных текстовПриведен перечень безопасных шрифтовых CSS стеков без учета кириллицы. 
- 
Безопасные шрифтовые CSS стеки для рунетаПриведен перечень безопасных шрифтовых CSS стеков для рунета. 
- 
Верстальщику о шрифтах. Часть I: Безопасные шрифтыХороший дизайнер, как и хороший верстальщик, знает, что браузер, как правило, может использовать для отображения страницы только те шрифты, которые установлены на компьютере у пользователя. Возможно ли обеспечить одинаковое отображение шрифтов в разных платформах и разных операционных системах? Как определить какие шрифты можно использовать, а какие необходимо подменять или делать картинками? Попробуем разобраться. 
- 
Верстальщику о шрифтах. Часть II : Соответствия шрифтов Windows, Mac и Unix/LinuxПродолжение статьи «Верстальщику о шрифтах. Часть I: Безопасные шрифты». Ищем соответствия между шрифтами в разных операционных системах. Составляем безопасные шрифтовые CSS стеки. 
- 
Вертикальный текст на CSSО том как кроссбраузерно сделать вертикальный текст средствами CSS. 
- 
Контур для текста на CSSО том как сделать контур для текста средствами CSS. 
- 
Не подгружаются шрифты посредством @font-face в OperaПроблема может возникнуть в некоторых версиях Opera и похоже из-за какого-то бага обработки ttf шрифтов. 
- 
Нестандарный шрифт. Быть ему или нет?Задать нужный шрифт в стилях не составляет труда, но отобразится он только у тех пользователей, у которых этот шрифт установлен в операционной системе. Чем же верстальщик может ныне воспользоваться, чтобы решить данную проблему? 
- 
Подмена текста изображениемИногда дизайнеры используют красивые (нестандартные) шрифты, например, для заголовков, пунктов меню, эффектных ссылок. Если решено было делать их картинками, тогда воспользуйся техникой замены текста изображением — правило хорошего тона. 
- 
Текст под угломРешаем задачу реализации наклонной под произвольным углом текстовой надписи. 
- 
Текст с CSS градиентомКроссбраузерное решение для градиента в тексте без JavaScript. 
- 
Тень для текста (кроссбраузерное решение)Тени придают объемность дизайну и сейчас это пользуется большой популярностью. Будет полезным иметь в своем арсенале приемов навыки работы с тенями для текста. 
- 
Эффект отражения текста на CSSКак на CSS, с небольшой помощью Javascript, создать эффект отражения для текста. 
