Закладки с меткой типографика

В 1996 году были разработаны и включены в состав Windows новые системные шрифты Verdana, Tahoma и Georgia. Со временем эти шрифты вошли во все современные операционные системы. Не последнюю роль в этом сыграла резко возросшая популярность этих шрифтов среди веб-девелоперов. Практически все «модные» сайты конца 90-х и начала 2000-х создавались исключительно с помощью Tahoma или Verdana.

Подавляющее большинство сайтов до сих пор верстается по старинке. Девять из десяти встречаемых вебсайтов содержат копируемую друг у друга строчку родом из 90-х: в худшем случае — , а в лучшем — всё то же самое, но с указанием параметров font-family: Tahoma, Arial, Helvetica, sans-serif; и font-size: 11px; в каскадных таблицах стилей. При этом 90% всех дизайнеров забывают о задании интерлиньяжа (межстрочного расстояния), полагаясь на стандартные плюс два пункта к кеглю шрифта. А между тем, нередко шрифт читается лучше, если ему задать чуть более пространный интерлиньяж. А уж если поиграть с трекингом и кернингом... Но это оставим уже за пределами данного обсуждения, поскольку веб-технологии пока не располагают средствами взаимодействия с сотнями заданных кернинговых пар. Даже при включённом сглаживании, даже при всеобщей аккуратности макета и идеально подобранной цветовой гамме подобные сайты «выглядят как-то не так», как на неких профессионально созданных сайтах. Вот, собственно, в чём и крылась неудача моего коллеги, обратившегося ко мне за советом.

Почти все сайты использующие тег SUP никак не инструктируют браузер как его отображать. А ведь отображение по-умолчанию откровенно хромает — тег этот рвёт тексты, высота строки где присутствует SUP увеличивается и в результате нам предстают хаотично разбросанные строки, а не параграф. Сложно даже быстро понять, является ли такое экстра-пространство разбивкой между строками, или между параграфами.

Most websites are crammed with small text that is a pain to read. Why? There is no reason for squeezing so much information onto the screen. It’s just a stupid collective mistake that dates back to a time when screens were really, really small. So:

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

Пользуюсь комбинациями Alt + код символа на цифровой клавиатуре: 0171: « 0187: » 0150: – 0151: — 0133: … 0160: неразрывный пробел

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

Если текст вашего сайта будет чистым и удобочитаемым выиграют все, пользователям не придется щуриться, и они еще не раз к вам вернуться, вы будете рады растущей аудитории, а люди с пониженным зрением будут вам особенно благодарны. 1. Не используйте слишком много различных размеров шрифта 2. Используйте рубленые шрифты для основного текста 3. Не используйте много различных гарнитур

Ищу плагин для WP, который реализует правила русской типографики. посмотрел в сторону "Typohelper", но он "В основном расставляет неразрывные пробелы. Предполагается, что правильные кавычки, тире и прочие знаки в вашем тексте уже стоят."

В данной заметке под словом «кавычкер» понимается скрипт, расставляющий не только правильные кавычки, но и неразрывные пробелы, тире, знаки копирайта и зарегистрированного товарного знака, другие символы. Какая задача стоит перед кавычкером? * для человека, который не может или не хочет написать текст правильно (в плане типографики), сделать это автоматически или * для человека, который может и хочет написать текст правильно, помочь сделать это быстрее?

Типографер, часть 2 После многочисленных запросов для типографирования текста при написании сообщении, у меня наконец-то дошли руки до реализации этой «фичи» :), скачать обновленную версию можно здесь. Для корректной работы плагина необходимо обновить js-библиотеку Prototype и положить ее в wp-includes/js

«Реформатор» значительно сокращает время подготовки текстов к публикации на вебе. Что умеет «Реформатор»? 1. Принимать HTML-данные из буфера обмена (например, из любого браузера или MS Word). 2. Чистить их до приемлемого состояния и формировать XHTML. 3. Типографить.

Задача: иметь оттипографированный текст на блоге. Решение Раньше я решал эту задачу с помощью плагина PHP SmartyPants, который после небольших фиксов становился очень неплохим приспособлением для типографики текста. В этот раз я решил пойти немножко другим путем. У Студии Артемия Лебедева есть очень интересный продукт — Типограф, так почему же не воспользоваться им, ведь они создали для него веб-сервис. Скачав пример программы на php, я занялся интеграцией сервиса и Wordpress.

коснёмся темы «типографских» раскладок клавиатуры. То есть, как системных средств Windows, так и сторонних программ, позволяющих вводить различные специальные символы с помощью клавиатуры (обычно, правой клавиши Alt, она же AltGr).

Типографская раскладка клавиатуры Эта раскладка сильно упрощает вставку в текст различных спецсимволов: кавычек-ёлочек, длинного тире и много другого. Например, чтобы вставить длинное тире, нужно всего лишь нажать правый Alt (Alt Gr) и дефис в верхнем ряду клавиатуры (-): —.

шрифты на веб-странице