Метка «font-face»

в 9:51, , рубрики: Font Awesome, font-face, icons, Иконосказ, рубль, символьные шрифты, типографика, метки: , , , ,

imageДобрый день, читатель. Для начала расскажу суть проблемы. Есть проект Font Awesome, как вы уже догадались это иконочные шрифты. В последней версии были добавлены иконки валют. Добавили символы доллара, евро, йены, фунта, рупи и даже символ биткоина! Но вот про рубль не справедливо забыли.

Не скрою, я фанат этого проекта (он удобен и красив) и всем его советую. Ещё считаю, что введение символа рубля поможет этому проекту получить ещё большую популярность среди российских разработчиков.Читать полностью »

в 10:42, , рубрики: ClearType, DirectWrite, font-face, truetype, web-дизайн, woff, Блог компании ADV/web-engineering co., веб-дизайн, веб-шрифты, лицензии, лицензия, свободные шрифты, типографика, метки: , , , , , , , , , , ,

20 вопросов про веб шрифты
Привет!

Уже написаны горы статей, описывающих разные стороны работы с веб-шрифтами, собрано множество работающих примеров, но каждый день мы продолжаем сталкиваться с элементарным непониманием того, что такое веб-шрифты. Не у всех есть время гуглить материалы по данной теме, поэтому я попробовал дать ответы на часто задаваемые вопросы. Этот материал будет интересен прежде всего тем, кто еще не углублялся в тонкости шрифтовых технологий.

Читать полностью »

в 16:17, , рубрики: css, data:uri, html, типографика, метки: , , ,

Задача

ВОШ — эффект, возникающий при стилизации текста подключаемым шрифтом, не установленным на компьютере пользователя. Проявляется, когда подключаемый шрифт ещё не успел скачаться, и стилизуемый текст отображается следующим шрифтом из значения свойства font-family этого элемента. Такое переключение шрифтов также может повлиять на размеры элемента, если они зависят от размеров текста в нём.
Эффект известен также как FOUT — так его назвал Пол Айриш.

При общих моментах, есть и особенности. Например, в Файрфоксе текст, который нужно будет отрисовать нестандартным шрифтом, в течение 3 секунд не отображается, в Хроме тоже есть подобная задержка. Если шрифт успеет скачаться за это время, текст отобразится сразу нужным шрифтом.

На эту тему здесь была такая статья. В ней последствия ВОШ рекомендовалось нивелировать грамотной игрой со шрифтами. К сожалению, иногда подключаются такие шрифты, которые слишком отличаются по характеристикам от стандартных.
Читать полностью »

в 22:32, , рубрики: font-face, html, типографика, шрифты, метки: ,

Если вы когда либо задумывались, можно ли как то автоматизировать генерацию шрифтов для вэба или вам надоело заходить на Font Squirrel каждый раз, то, как говорится, добро пожаловать под кат.
Читать полностью »

в 19:03, , рубрики: css, font-face, html-верстка, webfonts, веб-дизайн, Веб-разработка, метки: , ,

Думаю, что не только я, но и другие пользователи Chrome под Windows, на многих сайтах замечали проблемы c отображением нестандартных шрифтов. Читать текст на таких сайтах можно, но глазам больно. Я бы так все это и продолжал терпеть, но на одном из недавних собственных проектов этот вопрос встал буквально ребром. Решил разобраться во всем досконально.

Разница в этих двух фрагментах очевидна. Первый сделан со случайно выбранного сайта adaptive-images, а второй с его локальной копии, в css которой была изменена буквально одна строчка.

Webfonts — разбираемся с антиалиасингом под Windows
Читать полностью »

в 7:05, , рубрики: веб-дизайн, Веб-разработка, типографика, метки:

Подключаем шрифты еще быстрее
Приветствую всех.
Не далее, чем 3 месяца назад, я писал о своей задумке сделать удобный сайт с удобным выбором шрифтов и таким же удобным их подключением.
Тогда удалось собрать около двух десятков шрифтов, часть вообще отмести, т.к. они оказались платными и выложить все в общий доступ с некой надеждой, что кому-нибудь, кроме меня это будет полезно.
Примерно полтора месяца я внимательно смотрел на статистику. А она показывала, что сайтом начали пользоваться.
В итоге я перенес сайт на отдельный домен и стал пополнять шрифтами.
Что есть сейчас.
Читать полностью »

в 2:46, , рубрики: css, font-face, import, Веб-разработка, типографика, метки: ,

image

Всем привет!

Сегодняшний пост о спонтанно появившемся сайте со шрифтами.
Читать полностью »

Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js