Материалы с тегом «типографика»
-
@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, создать эффект отражения для текста.