Рубрики
Всем сразу

Интересное за неделю

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

В качестве сообщения скажу, что вышел патч для WordPress — 2.6.3, разработчики настоятельно рекомендуют обновить свой движек, всем, кто еще этого не седлал. Еще скажу, что я таки нарыл себе Virtual Studio от Microsoft, напомню — скачивать было «влом», и в скором времени протестирую их редактор и напишу пост на эту тему. Теперь к статьям.

Рубрики
Полезности

Полезные вещи при работе с веб-типографикой

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

Во-первых, хочу рассказать об очень, на мой взгляд, нужном и полезном онлайн-сервисе http://typetester.maratz.com/, который позволяет вам протестировать вид вашей шрифтовой подборки для сайта. Причем не только увидеть, но и сравнить с другими семействами шрифтов, начертанием размером, цветом, интерлиньяжем, кернингом, короче всеми атрибутами типографики.

Сервис для работы с элементами веб-типографики

Лично мне сервис очень понравился, и я его сразу записал в свой список полезностей.

Во-вторых, понравился перевод очень лаконичной и полезной статьи в блоге Design For Masters «Элементы веб-типографики». Не буду переписывать весь текст статьи, его вы сможете почитать по ссылке выше. Но думаю обязательно надо вставить в данную публикацию несколько полезных картинок из этой статьи. Думаю, их стоит отнести также к разряду постоянно используемых шпаргалок для веб-мастера, по типу рисунка с размерами баннеров.

Итак:

Картинка 1позволяет нам увидеть, как будут выглядеть шрифты при различных относительных размерах заданных в em. «Em» называется так потому, что 1em равен ширине строчной буквы «m» (equal m), при установках по умолчанию 1em равен 12pt.

Размер не ограничен целыми числами, к примеру, 0.8em отлично подходит для основного текста, и обычно будет равно 10pt.

Да, и не стоит путать pt(пункты) и px(пиксели).

Сравнение велечины шрифтов

Кликните по картинке, чтобы увидеть оригинал

Картинка 2 показывает нам, как будут выглядеть шрифты, при различных размерах и межбуквенном расстоянии

Расстояние между буквами

Кликните по картинке, чтобы увидеть оригинал

P.S.

Для всех, кому будет интересно более подробно изучить вопросы веб-типографики, советую прочесть цикл статей на Хабре Веб-типографика сегодня.

Рубрики
Дизайнеру Теория

Шрифты включенные в каждую версию Windows

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

Если Вы ищете шрифты, которые Вы можете безопасно включить в ваши web-страницы, посмотрите список общих шрифтов ко всем версиям Windows и их эквиваленты в Mac OS.

Рубрики
Дизайнеру

Способы шрифтового оформления контента web-страницы

Основные шрифты для всех версий Windows и их эквиваленты в Mac OS

Введение

В конце этой статьи представлена таблица со списком стандартного набора основных шрифтов во всех версиях Windows и их аналоги в Mac OS, обычно их называют » безопасные для браузера шрифты «. Это — справочная информация, которую можно и нужно использовать для создания веб-страниц.

Если Вы плохо знакомы с web-дизайном, возможно, Вы думаете: «Почему я должен ограничиться таким маленьким набором шрифтов? У меня есть большая коллекция хороших шрифтов в моем компьютере». Это хорошо, но опытные дизайнеры Web-страниц знают, что браузеры могут использовать только те шрифты, которые установлены на компьютер клиента, таким образом, получается, что у каждого посетителя Вашей web-страницы должны быть все шрифты, которые Вы хотите использовать. Конечно, у разных людей будут разные наборы шрифтов, отсюда и вытекает потребность стандартного набора шрифтов. К счастью, CSS позволяет использовать разные семейства шрифтов и их стили, что немного облегчает задачу дизайнера.