Рубрика «fonts»

image

Поднимите руку, если когда-нибудь сталкивались с такой ситуацией: вы получили текст со странными прямоугольниками или вопросительными знаками.

Система font fallback: что происходит, когда шрифт не может найти нужный символ - 2

Или эмодзи при отправке выглядело нормально, но у получателя оно отобразилось в странно разобранном виде.

Система font fallback: что происходит, когда шрифт не может найти нужный символ - 3

Вы видели, как пользователь Twitter использует крутые шрифты, хотя сайт, казалось бы, не разрешает выбирать шрифт.

Система font fallback: что происходит, когда шрифт не может найти нужный символ - 4

Или вы разобрались, как использовать эти шрифты в Twitter, но кто-то попросил вас подумать о читателях или жаловался, что видит только пустые квадраты.
Читать полностью »

Вариативные веб шрифты - 1

Прошла уже не одна неделя с You Gotta Love Frontend конференции, но еще не поздно пройтись по нескольким поднятым вопросам. Я думаю это будет ряд статеек на интересные мне темы, надеюсь, как и вам. Данный пост это перевод на статьи о вариативных шрифтов, используя которые Lea Verou показывала ряд трюков в цикле своих выступлений "Cекреты CSS". Учитывая, что это был первый раз когда я услышал о вариативных шрифтах, о трюках говорить пока рано :)

Вариативные шрифты это будущее веб типографии которые предлагают ряд возможностей управления отображением текста на экранах (размер, жирность, стиль). И все это при относительно малом размере файла. Пора сказать goodbye бесконечным дебатам на тему, сколько шрифтов вам необходимо подключить и дать возможность вашему контенту жить новой, прекрасной жизнью.

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

Дизайн–система Acronis. Часть вторая. Иконки, SVG шрифты, Gulp - 1

Меня зовут Сергей, и я все еще работаю старшим дизайнером в компании Acronis. Мы продолжаем оптимизировать работу отдела дизайна продуктов для бизнеса и все больше интегрируемся в процессы на стороне front-end разработки.

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

image

line-height и vertical-align — это простые свойства CSS. Настолько простые, что большинство из нас уверены, что понимают, как они работают и как их использовать. К сожалению, это не так — на самом деле они, пожалуй, являются самыми сложными свойствами, поскольку играют важную роль в создании малоизвестной особенности CSS под названием «строчный контекст форматирования» (inline formatting context).

Например, line-height можно задать в виде длины или безразмерного значения, но его значение по умолчанию — normal (стандартное). Хорошо, но что значит «стандартное»? Зачастую пишут, что это (как правило) 1, или, может быть, 1,2. Даже в спецификации CSS нет четкого ответа на данный вопрос.

Нам известно, что безразмерное значение line-height зависит от значения font-size, но проблема в том, что font-size: 100px выглядит по-разному для разных гарнитур. В связи с этим возникает вопрос: всегда ли line-height будет одинаковым или может различаться? Действительно ли это значение находится в промежутке от 1 до 1,2? А как vertical-align влияет на line-height?

Давайте углубимся в не самый простой механизм CSS…Читать полностью »

Шрифты в вебе, обзор от 2016 года - 1

Предисловие

Статья — не про всё возможное, связанное с типографикой и текстами, вроде letter-spacing и max-height. Это скорее некоторый список занятных возможностей, которые могут быть углублённо изучены при наличии достаточного любопытства и времени. Надеюсь, для большей части найдётся то, что они не знали или слышали краем уха.
Читать полностью »

Для меня при выборе ноутбука и монитора одним из основных факторов является экран. Никогда не гнался за высоким разрешением(DPI) и даже наоборот. Еще со времен XP, где неплохо отображались шрифты, на мониторе с DPI близком к 96, я считал, что больше и не надо. Я не дизайнер, а для Internet серфинга этого достаточно. Мое основное заблуждение было в том, что я считал, так будет всегда, но нет, похоже, эпоха ЖК матриц с разрешением около 100 DPI подходит к концу.

Если вы «счастливый» обладатель монитора или ноутбука с разрешением около 100 DPI или только планируете такую покупку, то, скорее всего, столкнетесь или уже столкнулись с этим в Windows 8. Данная статья написана с целью уберечь тех, кто не в курсе проблемы от не продуманного шага покупки такого оборудования или установки на него Windows 8.

Все сказанное является субъективным мнением автора и не может рассматриваться как научное, либо какое-то другое доказательство, утверждение или истина.
Читать полностью »

Установка, настройка и тестирование Fedora 21 Workstation на личном или игровом компьютере - 1 9-го декабря вышла новая Fedora 21 Workstation, которую по совокупности параметров можно назвать «самым свежим и стабильным» Линукс-десктопом.

За время использования и тестирования Fedora я проникся к этой платформе глубокой симпатией и хочу поделиться этим теплом и знаниями о ней с вами.

В течение года я наблюдал за её работой в качестве рабочего и игрового места в разных ситуациях — от станций с «умирающим» железом до нового игрового ноутбука Asus G750JM с Nvidia Optimus.

Собранные заметки получились несколько шершавыми, старающимися охватить одновременно и новичков в Линуксе, и опытных пользователей с разработчиками. Прошу простить. Хочу донести большой объем информации в одной статье: и по общей настройке и установке Федоры, и по технологии Nvidia Optimus на ноутбуках, wi-fi с проприетарными драйверами, о настройке симпатичных шрифтов в Java и IDE от JetBrains, запуску игр в Steam на дискретной видеокарте, о результатах сравнительного тестирования игр, графики и браузеров между Федорой и Windows 8.1, и даже об установлении одного «абсолютного» рекорда.

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

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

Unicode 7.0Вчера (16/06/14) было объявлено о выходе новой версии стандарта Unicode, 7.0. В Unicode добавили 2834 новых символа, в том числе, знак российского рубля и азербайджанского маната. Помимо этого, в стандарт также включены символы Emoji которые до этого присутствовали только в специализированных шрифтах типа Webdings и т.п.
В стандарт также добавлены символы для 23-х алфавитов, таких как кавказский албанский (Caucasian Albanian) и древнепермское письмо (Old Permic)

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

Хороших иконок много не бывает

Не так давно в поисках пиктограмм для интерфейса нашел любопытный ресурс WebHostingHub Glyphs.

У ребят уже нарисовано более 1000 пиктограмм, которые доступны как PNG так и как шрифты.
А что самое приятное, и не маловажное тем кто работает на «заграницу» использование бесплатно даже для комерческого использования!

Заявлена поддержка Bootstrap, CSS, Phototshop и Word. И судя по твиттеру проекта, ребята обещают постепенно увеличивать количество пиктограмм.

Посмотреть и пощупать можно тут :) http://www.webhostinghub.com/glyphs/.

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

Для одного моего приложения возникла потребность использовании платных шрифтов, для чего казалось бы достаточно просто приобрести его, но, как выяснилось, не так все просто. Под катом — результат небольшого исследования по теме.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js