Основные типы шрифтов. Виды шрифтов и их классификация
Существует много различных шрифтов. Для чего они нужны и как с ними работать, мы и попытаемся разобраться.
Каждый человек уникален! У каждого, например, своя внешность, своя манера говорить и... писать. По почерку можно не только идентифицировать личность автора, но даже рассказать о его характере, привычках и предпочтениях. Ведь буквы, которые он пишет, имеют общий стиль и характерные особенности, присущие тем или иным типам личности (изучением всего этого занимается наука графология).
В давние времена все книги были фактически рукописями и каждая из них была уникальной, передавая в себе частичку автора-переписчика. Однако, с появлением книгопечатания необходимость в ручном переписывании исчезла и вместе с ней исчезла уникальность изданий. Книги стали тиражироваться сотнями и тысячами, выглядя при этом абсолютно одинаково.
Но, разные издатели всё же хотели хоть чем-либо отличаться от своих (тогда ещё немногочисленных) конкурентов. Поэтому каждый при формировании набора печатных символов привносил в них свои индивидуальные особенности. Так появились первые шрифты ...
С глобальной компьютеризацией всё многообразие современных шрифтов перекочевало на ПК и в Интернет. Поэтому, на мой взгляд, каждому современному человеку нужно хотя бы немного ориентироваться в том, где, зачем и как пользоваться теми или иными видами шрифтов.
Основные характеристики шрифтов
Начнём с того, что характеристик шрифтов существует довольно много и всё зависит от того, в каком контексте мы хотим классифицировать тот или иной набор печатных символов. Однако, большинство из нас сталкивается со шрифтами при работе в текстовых процессорах. Настройки шрифта задаются там при помощи кнопок на панели инструментов:
Основных инструментов (а, соответственно, и характеристик) - три:
- Гарнитура шрифта - название одного из установленных в системе шрифтов.
- - размер литер выбранного шрифта в типографских пунктах (1 пункт равен 0,376 мм по системе Дидо или 0,3528 мм по системе от компании Adobe).
- Начертание шрифта (при наличии) - вариации внешнего вида литер шрифта со сменой их толщины и/или наклона.
Кроме основных существует ещё и ряд дополнительных инструментов, позволяющих, например, настроить междустрочный (интерлиньяж) и межбуквенный интервалы. Однако, первые три характеристики являются всё же наиболее востребованными, поэтому разберёмся с ними более детально.
Начнём немного не по порядку, поскольку о гарнитурах нужно будет поговорить отдельно. мы обычно называем его размером. Стандартом при работе с официальными документами считаются кегли 12 и 14 pt (пункты). В книгопечатании и газетном издательстве разброс кеглей может быть значительно больше. Например, для заголовков иногда используют размеры 20 и более, а для незначительного текста различных сносок вплоть до 8 pt:
Что касается начертания , то всего в наборе конкретной гарнитуры шрифта может существовать до 9 его типов. Начертание принято обозначать либо цифрами (от 100 - самое тонкое, до 900 - самое жирное), либо словесно (ultra-light (100), light (200), thin (300), normal (400), medium (500), semi-bold (600), bold (700), black (800), heavy (900)).
Гарнитура шрифта может также включать в себя дополнительный курсивный набор литер различного стиля начертания. Таким образом, наиболее полные шрифты имеют до 18 вариантов каждого символа. Однако, в большинстве компьютерных шрифтов вариации ограничиваются всего четырьмя: нормальный, нормальный курсив, полужирный и полужирный курсив.
Виды шрифтов
А теперь пришло время поговорить как раз о гарнитурах шрифтов. В типографике гарнитурой называют шрифт или группу шрифтов, имеющую единый стиль с различными вариантами начертания и размерами символов. Фактически, то, что мы привыкли называть видом шрифта, является его гарнитурой.
Существует довольно много различных классификаций гарнитур, однако, мы рассмотрим лишь некоторые из них, которые больше касаются именно компьютерных шрифтов. Итак, во-первых, шрифты можно разделить на две большие группы в зависимости от оформления краёв их символов : с засечками или без засечек:
Засечками (англ. "serif") называют небольшие декоративные штрихи, которые добавляются к выступающим краям символов шрифта. Шрифты с засечками имеют более "книжный" вид и используются в основном в печатной продукции (книги, журналы, газеты и т.п.). Считается, что такие шрифты больше подходят для восприятия длинных текстов без каких-либо рисунков.
Шрифты же без засечек (англ. "sans serif" или просто "sans" от фр. "без") с ровными концами символов традиционно являются основными в Интернете. Наиболее вероятно это связано с тем. что изначально мониторы компьютеров имели не очень высокое разрешение и засечки на буквах смотрелись не очень эстетично. Сегодня даже дисплеи мобильных устройств могут отображать изображения высокой чёткости, но большинство веб-мастеров и дизайнеров всё же использует онлайн именно шрифты без засечек, позволяя себе, разве что, заголовки оформлять serif-гарнитурами.
Вторым показателем, по которому шрифты можно также разделить на две группы, является ширина символов . По данному критерию принято выделять пропорциональные и моноширинные шрифты:
Пропорциональные шрифты являются более естественными, поскольку разные буквы и символы в них имеют разную ширину. Такие шрифты используются как в большей части печатных изданий, так и в Интернете для подачи основного текста. Они хорошо воспринимаются визуально и имеют очень много вариаций.
Моноширинные же шрифты получили своё название из-за того, что ширина символов (в том числе пробелов и даже знаков препинания) в них примерно одинаковы (при несовпадениях разница обычно компенсируется за счёт небольших пустых областей вокруг литеры).
Изначально моноширинные шрифты широко употреблялись в печатных машинках (поэтому их иногда по-английски называют "typewriter" или сокращённо "tt") для упрощения форматирования текстов. С появлением компьютеров такие шрифты стали использоваться для вывода текста на дисплеи, которые в то время имели кластерную структуру и физически не могли отображать символы разной ширины. С развитием техники такое ограничение пропало, однако, за моноширинными шрифтами закрепилась роль консольных, поэтому большинство интерфейсов командной строки и Блокнотов для программирования по умолчанию используют именно их:
Наконец, шрифты можно классифицировать по их внешнему виду и стилю . Таких классификаций существует несколько, но, если обобщить, то можно выделить следующие их типы:
- антиква - гарнитуры с засечками, имитирующие староевропейские или античные шрифты (Times New Roman, Antiqua, Bodoni);
- готические - контрастные часто острые шрифты с неярко выраженными засечками (или вообще без них), имитирующие средневековые рукописные почерки с характерным утончением в местах сочленений и утолщением основного штриха (Textur, Rotunda, Schwabacher);
- брусковые - шрифты с крупными ровными (или слегка закругленными) засечками, которые слабо контрастируют с толщиной основных штрихов (Courier, Memphis, Century);
- гротески или рублённые - большинство шрифтов без засечек (Arial, Tahoma, Verdana);
- рукописные (англ. "script") - шрифты, имитирующие символы, написанные от руки или даже почерком реальных людей (Monotype Corsiva, Alexandra Script, Anastasia Script);
- акцидентные - шрифты, которые имитируют какие-либо древние или ныне существующие национальные алфавиты (исторические, славянские, восточные), несут в себе дополнительные декоративные элементы (вензеля, иконки, пиктограммы и т.п.) или представляющие собой определённые стилизации (граффити, перфорированные шрифты, контурные шрифты и т.п.);
- символьные или иконочные - шрифты, которые вместо обычных букв алфавита содержат набор определённых символов или иконок (Wingdings, Font Awesome, Glyphicons).
Как видим, выбирать есть из чего, но, прежде чем приступить к работе, нужно ещё определиться с таким важным понятием как форматы компьютерных шрифтов.
Форматы шрифтов
Компьютерный шрифт - это единый файл, в котором хранится набор символов той или иной гарнитуры. Но, разные программы на ПК могут использовать разные типы таких файлов, поэтому существует несколько десятков их различных форматов. Однако, среди них можно выделить несколько наиболее часто используемых.
Фактически все шрифты могут быть в векторном или растеризированном формате. Векторные шрифты обычно используются в интерфейсах программ, на страницах сайтов и при работе с текстовыми документами. Они отличаются тем, что могут свободно масштабироваться до нужных пользователю размеров, поскольку состоят не из привычных точек растра, а из так называемых кривых Безье, которые при помощи специальных команд описывают каждый символ шрифта как совокупность отрезков и дуг:
Вся эта совокупность составляет замкнутый контур, который настраивается при помощи узловых точек и специальных манипуляторов кривизны отрезков между ними. Удлиняя манипулятор перетаскиванием маркера касательной, мы можем увеличить изгиб, а отклоняя маркер в сторону, угол искривления отрезка между двумя узлами. Делается это в специальных программах для редактирования шрифтов, например, в бесплатной :
Говоря о форматах векторных шрифтов, стоит в первую очередь выделить две технологии: PostScript и TrueType. PostScript изначально был творением компании Adobe и разрабатывался в качестве платформонезависимого языка описания для издательских систем. Это довольно сложный язык, ориентированный на хранение информации не только о шрифте, но и обо всём печатном издании. Конкретно со шрифтами связаны реализации Type 1-3 (форматы файлов: .pfa, .pfb, .pt3 и.cff).
Фактически ни один из PostScript-шрифтов (кроме OTF, в основе которого лежат команды PS) не поддерживается в Windows без установки дополнительного софта и драйверов. Поэтому такие шрифты используются в основном профессиональными издателями и верстальщиками. Для более широкой публики существует технология TrueType , созданная ещё в 80-х годах компанией Apple. Эта технология изначально была ориентирована именно на компактное хранение шрифтов, поэтому сегодня именно она поддерживается большинством операционных систем.
Основным форматом шрифтов TrueType является .ttf , который может хранить в себе от 256 до 4 294 967 296 символов (зависит от версии формата). Также, в зависимости от версии, файл шрифта может хранить в себе как одно, так и сразу несколько типов начертания (обычно 4: нормальное, курсивное, полужирное и полужирный курсив). Кроме TTF, шрифты TrueType могут также иметь расширения.tte или.dfont (шрифты для MacOS).
Однако, с форматом TTF, увы, не всё так однозначно. Дело в том, что такой же формат могут иметь шрифты, основанные на технологии OpenType . Эта технология изначально была нацелена на хранение расширенной таблицы символов с поддержкой Юникода с более эффективным, нежели у TrueType, сжатием. Данный контейнер шрифтов может содержать в себе описание символов как в формате TrueType (.ttf или.ttc), так и PostScript (.otf или.otc). Благо, что Windows поддерживает все форматы OpenType, поэтому Вам необязательно слишком глубоко вникать в технические нюансы.
Формат TTF является наиболее распространённым. Его даже поддерживает большинство браузеров. Однако, для применения в веб-разработке у отдельных TTF-шрифтов может быть очень большой недостаток - размер, который может составлять несколько мегабайт! Поэтому для применения на Интернет-страничках были придуманы специальные технологии сжатия шрифтов. На сегодняшний день самыми распространёнными являются.eot (Embedded OpenType), .woff и.woff2 (Web Open Font Format).
Всё, что мы рассматривали выше, касалось векторных шрифтов. У них имеется очень хорошая способность к масштабированию, но иногда им не хватает красочности. Например, при разработке надписей на логотипах или оформлении каких-либо поздравительных открыток требуется добавить к тексту оригинальное раскрашивание или определённые художественные элементы. Векторные шрифты, как контуры, могут быть залиты лишь одним цветом, поэтому, если есть особенные требования к эстетической стороне надписи, то иногда прибегают к различным растеризированным декоративным шрифтам .
Наиболее яркими (во всех смыслах) представителями данного типа шрифтов являются шрифты для Фотошопа. Они могут поставляться в виде PNG -изображения с набором букв на прозрачном фоне, либо в формате .PSD (стандартный формат Photoshop) с буквами-картинками на разных слоях. Набирать текст в привычном понимании при помощи данных шрифтов у Вас, конечно, не выйдет. Но Вы вполне сможете составить нужные надписи, копируя фрагменты алфавита и размещая их в нужной последовательности:
Думаю, с форматами теперь тоже более или менее ясно. И теперь мы перейдём к вопросу об их установке и использовании (речь, естественно, пойдёт о векторных шрифтах TTF и OTF).
Установка и работа со шрифтами
Для установки шрифтов в Windows существует специальная папка "Fonts" (или "Шрифты"). Получить к ней доступ можно из Панели инструментов (одноимённый раздел), либо через строку "Выполнить" (WIN+R) командой "%windir%\fonts" (без кавычек). Чтобы новый шрифт был добавлен в систему его достаточно просто перетащить в эту папку. Аналогично, для удаления нужно удалить файл шрифта из общей директории:
Обратите внимание, что некоторые шрифты в папке отображаются в виде иконки с одним листом на фоне, а некоторые со стопкой. Этим способом обозначается количество начертаний данного шрифта (одно или несколько, соответственно). Если Вы дважды кликните по любому из шрифтов, откроется окошко с тестовой фразой и набором цифр, оформленных выбранным шрифтом с различными размерами символов.
Кстати, для установки шрифта не обязательно копировать в папку сам его файл. Достаточно поместить туда ярлык, который ссылается на нужный шрифт. Это позволяет, во-первых, удобно хранить шрифты (особенно, если их много) в папках по категориям, а, во-вторых, избавляет от проблем бэкапа при переустановке системы, поскольку файлы шрифтов можно хранить на несистемных разделах жёсткого диска.
Наконец, для более удобного и профессионального управления шрифтами Вы можете использовать специальные программы-менеджеры. Одним из наиболее удачных из бесплатных, на мой взгляд, является :
Данный менеджер шрифтов поддерживает русский язык, позволяет как угодно сортировать и просматривать шрифты на Вашем компьютере (даже не установленные). При этом очень полезной особенностью является то, что все шрифты в выборках без необходимости их установки можно использовать в любых программах, и они будут доступны пока запущен NexusFont. Это может быть очень удобно, если Вам приходится подбирать шрифты, но нет желания их все устанавливать.
Заключение
После того как мы со всем разобрались (надеюсь:)), у нас остался ещё один вопрос, который, возможно, возник у Вас в процессе чтения: а где скачать шрифты для Windows? Тут однозначного ответа, увы, нет. Дело в том, что многие качественные русскоязычные шрифты могут быть платными и, качая их с многочисленных сайтов со шрифтами, Вы рискуете нарушить авторское право. Если же брать широкодоступные шрифты, то не факт, что они будут иметь хорошее качество исполнения всех символов (нередки случаи неправильной отрисовки больших и маленьких букв или отсутствия альтернативных начертаний шрифта).
В принципе, для личного использования всего, что есть в Интернете, будет достаточно, но, если Вы задумались о профессии, например, веб-разработчика и дизайнера, всегда проверяйте лицензию облюбованного Вами шрифта, дабы не нарушить закон!
P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.
Если вы уже познакомились с основами типографии и знаете, где можно найти подходящие для вас шрифты, то самое время познакомиться с классификацией шрифтов и их типами. В наше время существует достаточно большое количество самых разнообразных шрифтов. Они бывают как платные, так и бесплатные.
Основные группы шрифтов
Сейчас существует очень много различных шрифтов. Все они имеют специфические характеристики, благодаря которым их можно разделить на группы:
Serif (с засечками)
Такие шрифты обычно применяют в печати. Причиной этого является удобство их чтения, которое и делает их очень популярными. Этот тип шрифтов привлекателен небольшими линиями на концах букв. Свое применение он получил в книгах, разных журналах и газетах. В свою очередь, шрифты с засечками помогут вашему сайту приобрести некую элегантность и сделать внешний вид веб-дизайна более утонченным.
Slab serif (прямоугольные засечки)
Использование такого типа шрифтов придаст вашему сайту уникальности и сделает его внешний вид довольно стильным. Прямоугольные засечки тяжело читаются и поэтому их не рекомендуют использовать в тексте, которым вы наполняете тело сайта. Лучшего всего их использовать при оформлении заголовков, что придаст им более интересный вид и визуально отделит их от основной части текста.
Script (пропись)
Лучше всего эти шрифты используются для дополнения декоративных элементов вашего дизайна. Применяя шрифты прописью, будьте особо осторожны, эксплуатируя их в своих заголовках, а также в тексте тела сайта, потому как их чтение является довольно затруднительным процессом для посетителей.
Blackletter (готический шрифт)
Этот шрифт имеет декоративный вид. Если вы хотите разбавить ваш веб-дизайн чем-нибудь старинным, то вам следует воспользоваться именно этим шрифтом. Зачастую эти шрифты используют различные рестораны на своих вывесках.
Sans serif (без засечек)
Буквы не будут иметь засечек. Они довольно схожи со шрифтами, которые имеют засечки и будут замечательно смотреться в тексте любого интернет ресурса или в заголовках. Обычно их применяют на компьютере, потому как читать их намного удобней, когда шрифт имеет мелкие размеры. Эти шрифты могут помочь сделать ваш проект более простым, а его дизайн - более минималистичным. На сегодняшний день San serif - это самый популярный шрифт, который дизайнеры используют для текста статей, размещаемых на своих веб-сайтах.
Handwriting (рукописный шрифт)
С применением шрифта такого типа ваш текст будет выглядеть так, будто его кто-то написал своей рукой. Он может послужить для веб-проекта неплохим декоративным дополнением, что в свою очередь сделает его уникальным и неповторимым. Лучше всего использовать шрифт только для выделения информации, на которую вы хотите обратить внимание читателя.
Decorative (декоративный)
Эти шрифты включают в себя все существующие типы забавного характера и являются довольно оригинальными. Небольшой их минус заключается в том, что их очень трудно прочитать. Если вы хотите, чтобы ваш веб-проект имел необыкновенное оформление текста, то можете смело их использовать.
Подборка и совмещение шрифтов
Разнообразие шрифтов огромно, а значит комбинаций их совмещения еще больше. Поэтому правильная подборка шрифтов занимает очень много времени. Это довольно непростой процесс, при котором вы всегда должны основываться на стиле вашего интернет проекта и на предпочтениях ваших посетителей.
Во-первых, в начале этого процесса вы должны определиться с выбором шрифта, который будете использовать в тексте тела сайта, он же станет основным для всего вашего проекта. Зачастую для тела сайта выбирают шрифт с засечками или же без них. Это даст вам уверенность в том, что ваш сайт будет читабельным, и поэтому поиск шрифтов следует проводить непосредственно именно в этих двух группах.
Обратите свое внимание и на то, чтобы шрифт, выбранный вами, имел разнообразные стили. Это позволит вам быть более гибкими при использовании их в веб-проекте. Хорошим способом понять, подходит ли вам тот или иной шрифт, будет его тестирование на больших блоках, например в заголовках, параграфах и т.д.
Во-вторых, вам обязательно нужно определить еще один шрифт, который вы будете использовать в некоторых заголовках. Определенных правил такого выбора не существует, но опытные дизайнеры рекомендует подбирать такой шрифт, который будет отличаться от основного, используемого вами для тела сайта. Таким образом, вы сможете сделать заголовки на вашем сайте более привлекательными для пользователей. Лучше использовать шрифт для тела сайта слегка измененный, например, сделав его полужирным.
Неплохим вариантом оформления текста является смешивание и соединение группы шрифтов заголовков с засечками с основным текстом сайта, который будет без засечек. Провидите этот эксперимент, и вы увидите, что эти две группы очень гармонично сочетаются друг с другом, создавая красивый дизайн типографии.
В-третьих, если вы хотите обратить внимание ваших пользователей на какие-то определенные элементы текста и сделать их более видимыми, то вам следует внести еще один шрифт в дизайн. В этом случае поэкспериментируйте с рукописным и декоративным шрифтом, так как именно они позволяют привлечь внимание посетителей веб-сайта.
Как смешивать и использовать шрифты в тексте
Рассмотрим несколько принципов совмещения шрифтов, которые позволят добиться красивого оформления текста.
Сайт должен быть читабельным
Подбирая шрифт для текста тела сайта или заголовка, обязательно следует помнить то, что он должен быть легко читаем пользователем. Конечно, читаемость некоторых шрифтов напрямую зависит от правильных их настроек: необходимо следить за тем, чтобы был выбран соответствующий размер шрифта, высота строк, цвета. Перед применением в веб-дизайне каких-либо шрифтов проверьте, как они будут смотреться в разных цветах. Таким образом, вы сможете понять, подходит ли вам тот или иной цвет.
Это правило имеет пару исключений, о которых следует помнить всегда. К примеру, вы разрабатываете веб-дизайн для детского интернет-проекта и, возможно, вам захочется применить один из видов декоративного шрифта, который понравится детям. В этом случае старайтесь придерживаться шрифта с засечками и без засечек. Соблюдать это правило необходимо, потому как проведенные исследования доказали, что эти шрифты намного легче читаются, поэтому выбор декоративных шрифтов будет не самым лучшим вариантом в данном случае.
Не используете большое количество разных шрифтов
Создавая дизайн проекта, старайтесь не использовать большое количество шрифтов. Оптимальным количеством для использования будет три шрифта. Этому есть несколько причин:
При использовании сервисов шрифтов каждый шрифт, добавленный вами, будет способствовать увеличению скорости загрузки страницы сайта.
Присутствие большего количества шрифтов на страницах сайта отвлекает посетителей, из-за чего им будет тяжелей сконцентрировать свое внимание на чтении контента.
Применяя не более трех шрифтов, вы экономите свое время, но при этом веб-сайт выглядит отлично.
Не используйте неподходящие сочетания
Комбинирование нескольких шрифтов при написании заголовков сайта или соединение большого количества различных шрифтов – это очень плохая задумка. Такие комбинации являются рискованными и могут принести вам много проблем.
Просматривая шрифты на веб-сервисе Typekit, вы имеете возможность устанавливать необходимые для вас фильтры, которые помогут разобраться в том, какие шрифты лучше применять для заголовков или параграфов, что будет очень полезным инструментом во время разработки дизайна.
Примеры объединения шрифтов
Для примера рассмотрим страницы нескольких сайтов, где грамотно подобраны шрифты.
Заголовки:
Sentinel (serif slab)
Параграфы:
Gotham Narrow (sans-serif)
На этих примерах мы можем наблюдать, что заголовки и подзаголовки имеют шрифт с прямоугольными засечками. Он выступает в качестве контраста к основному тексту сайта и является простым и легко читаемым шрифтом. Этот дизайн имеет единообразность. От него можно добиться многого, лишь изменив цвет и его стиль.
Заголовки и параграфы:
Freight Text Pro (serif)
Остальное:
Freight Sans Pro (san-serif)
На этом примере мы можем наблюдать, как используют только один шрифт для заголовков и параграфов. Это выглядит довольно здорово, потому как заголовки имеют более жирный и крупный вид.
Так же здесь мы можем наблюдать и один шрифт без засечек, который автор использует на кнопках сайта и информации о сообщениях.
Заголовки:
PMN Caecilia (slab serif).
Параграфы:
Gill Sans (sans-serif)
Дизайнеры этого сайта создали очень утонченный и красивый дизайн своего веб-ресурса. Здесь отсутствуют какие-либо раздражители и жирные шрифты. Они остановили свой выбор на тонком шрифте для заголовков и простом шрифте для текста тела сайта.
Присутствующие на этом ресурсе оба семейства шрифтов имеют отличное сочетание, что позволяет посетителю с легкостью читать весь текст.
Заголовки и параграфы:
Skolar (serif)
Дизайнеры этого сайта используют только один шрифт с засечками. Но, несмотря на такое неординарное решение специалистов, заголовки и параграфы между собой имеют видимую разницу. Все это благодаря тому, что здесь используются специфические стили, цвета и размеры шрифта.
Здесь собрал полезную информацию для тех, кто хочет посмотреть и скачать бесплатно красивые шрифты для фотошоп.
Даю шрифт и его изображение. Вы сможете выбрать по картинке, а затем скачать понравившийся красивый шрифт. Так будет удобнее решить, какой подходит.
**Внизу страницы есть полезная информация для поиска шрифтов по изображению .
Все материалы были опробованы
мною - не зря же назвал свой сайт "СТАРАТЕЛЬ ИНТЕРНЕТА"
.
После короткого отзыва по их использованию - кнопка для скачивания.
Вы можете совершенно спокойно (вирусов нет
) и бесплатно скачать себе нужные красивые шрифты, нажав вот на такой рисунок-кнопку.
Файлы шрифтов взяты из открытых источников.
Шрифты
Для наглядного сравнения текста на картинках образцов, шрифты применял разные, но размер шрифта устанавливал единый: 30 px
.
Размер розоватой фоновой области сделал: 740*60 px
.
Сразу видно, какому шрифту сколько места нужно при одинаковых(!) установках .
BancoDi
Мой самый первый и любимый шрифт. Хорошо подходит для нанесения градиентной заливки
и разного типа стилей.
Ametist
Красивый, стильный шрифт. С его помощью легко создавать баннеры.
Belukha
Идеально подходит для заголовков. Имеет только заглавные буквы. Также очень хорош для градиента.
Стилизован под "письмо от руки". Оригинально оформляет поздравительные открытки.
Flash_Bold
С помощью этого шрифта можно красиво писать тексты на различных графических объектах.
Применяю его для реклам, баннеров, флаеров.
FuturaEugenia Italic
Позволяет очень красиво написать текст на любом объекте.
Выглядит строго, стильно. Своим присутствием украсит что угодно: упаковку, логотип, рекламу, баннер, сайт и т.д..
Не зря его использует одна известная кондитерская фабрика для надписей на своей продукции.
Monplesir
Название шрифта полностью соответствует его внешнему виду. Такая надпись сделает красивее любую фотографию.
Radar
Оригинальный шрифт с необычным, высоким начертанием части букв.
Topaz
Один из моих самых любимых шрифтов. Чем-то похож на BanckoDi
, но более гладкий.
Tauern
Красивый, оригинальный шрифт. С его помощью часто удаётся создавать эксклюзивные надписи
на рекламах, баннерах.
VivaldiD
Необычному начертанию букв этого шрифта легко найти применение где угодно.
ZapfChancery
Красивый, легко читаемый шрифт. Таким приятно писать текст, и надпись выглядит
аккуратно, стильно.
Arlekino
Ещё оригинальный русский шрифт для фотошоп. Хорошо подходит для написания текста поздравлений,
оформления рекламных баннеров, флаеров.
Monte_Carlo
Очень оригинальный, стильный, объёмный шрифт. Им можно красиво написать текст на шапках сайтов или заглавиях их блоков.
Lena
Красивый, "спокойный" шрифт с мягким начертанием букв текста. Ему легко можно найти применение для оформления любого материала.
Больше русских шрифтов
Показал здесь, и дал скачать только те образцы шрифта, которые больше всего понравились самому. Они оригинальные, непохожие друг на друга. Естественно, это лишь малая толика всех возможных вариантов.
Гораздо больше красивых русских шрифтов для фотошоп Вы найдёте в подразделе специальной страницы, посвящённой дизайну сайтов.
Так его и назвал: "Инструменты и сервисы" (в новом окне) .
В соответствующей главе "Сервисы" дал прямые ссылки на те из них, где Вы сможете бесплатно скачать огромное количество оригинальных русских шрифтов. Там их тысячи!
Да и, кроме бесплатного скачивания, он-лайн сервис, куда Вы попадёте, очень удобен для выбора подходящего шрифта.
Там есть "Полигон", на который можно загрузить свой текст, и посмотреть, как(?) он будет выглядеть. Это здорово помогает красиво написать текст.
И последнее. Скачать бесплатно понравившийся шрифт можно без всякой регистрации, а вот, чтобы использовать его он-лайн для подключения к своему сайту, регистрация уже нужна. Впрочем, это не проблема!
Узнать, как подключить любой оригинальный, красивый шрифт к своему сайту, Вам очень поможет раздел "Веб-шрифты" (откроется в новом окне) .
Полезная информация (для поиска шрифтов)
Предлагаемый ниже Вашему вниманию материал был сделан мною самостоятельно. То есть я его ниоткуда не
скачивал, а разработал для личного пользования.
Оказалось удобно.
Всего 2 файла.
Слева они (их иконки) представлены в формате GIF
. Для получения 100% размера кликните по иконкам
(откроются в новом окне
).
Справа, в архиве для скачивания, те же файлы, но в формате PSD с (!)не слитыми слоями .
Размер шрифтов: 24 px
.
В каждом документе:
слева - написано шрифтом, справа - название шрифта.
** В PSD-формате каждые 2 слоя имеют одинаковые имена: самый первый от фона - рисунок шрифта, следующий с таким же именем - его название.
И последнее:
мне удобнее работать с PSD-форматом, что чаще всего делаю. А формат GIF использую, если приходится искать какие-то
новые шрифты - сразу перед глазами полный список - не загружаю лишнее.
Кроме того, открытые рисунки не требуют столько системной памяти, как запущенная программа "Фотошоп".
До сих пор не обрела полной отчётливости, даже при их разделении на различные классы и категории, описанные в разное время преданными поклонниками искусства типографики. Одни могут подходить к классификации шрифтов индивидуально, другие - рассматривать её в виде общей структуры, я же искренне верю, что это различие подходов сохранится навсегда. Дело не в проведении классификации как таковой, главным объектом нашего интереса должна быть специфика работы дизайнеров над каждым отдельным неповторимым вариантом начертания.
Структура символа
Давайте начнём с рассмотрения структуры символа:
1. Строка основания - воображаемая линия, несущая на себе все символы, их "насест".
2. Линия прописных - воображаемая линия, проведённая по макушкам заглавных букв. Она может равняться высоте верхних выносных элементов строчных букв, но может и отличаться от неё, в зависимости от начертания.
3. Линия строчных - горизонтальная линия, прочерченная по макушкам большинства строчных букв, таких как “a”,”c”, “e”, “x”.
4. Подстрочный (нижний выносной) элемент - часть букв “g”, “j”, “p”, “q”, “y”, расположенная ниже строки основания.
5. Надстрочный (верхний выносной) элемент - противоположность подстрочного. Венчает строчные буквы “b”, “d”, “f”, “h”, “k”, “l”, “t”.
Все мы можем обсуждать классификации шрифтов с засечками или без. К сожалению, не слишком многие понимают подлинное различие между ними:
6. Засечка - дополнительный штрих в изображении буквы. Шрифт без засечек, как можно догадаться, их лишён; края его символов не имеют "ограничителей".
7. “x”-высота - высота строчной буквы “x”. На первый взгляд, это значение может показаться, как бы, лишним, однако, в CSS-программировании оно принято за единицу измерения (главным образом, потому, что у строчной буквы “x” нет ни верхних, ни нижних выносных элементов).
01. Шрифты "старого стиля" или "Альдине"
Эти шрифты были разработаны печатниками эпохи Возрождения, и содержат множество элементов, заимствованных из древнеримского письма. Ряд специалистов считают "старый стиль" синонимом "Альдине", другие причисляют "Альдине" к разновидностям "старого стиля" (вместе с гуманистическими шрифтами). Их отличительные характеристики: слабый/средний контраст между широкими и узкими штрихами, а также округлые, как правило, засечки. Отчётливость этих шрифтов в текстах для чтения великолепная.
Наиболее популярные шрифты этой группы: Garamond, Minion Pro, Palatino, Centaur и Bembo.
02. Шрифты промежуточного типа
Как следует из её названия, эта группа совмещает в себе элементы "старого стиля" и современных шрифтов. Шрифты этого типа характеризуются следующими отличиями: высота прописных букв равна высоте строчных с верхними выносными элементами, стыки штрихов покатые или плоские, осевые компоненты тоже слегка смещены или уплощены. Округлые засечки отчётливы более, чем у шрифтов "старого стиля", но менее, чем у современных.
Самый широкоиспользуемый шрифт данного семейства - однозначно, Times New Roman.
03. Современные или дидотовские шрифты
У этих шрифтов очень заметные особенности: тонкие горизонтальные и массивные вертикальные штрихи, резко контрастирующие между собой, а также лишённые округлости вертикально направленные засечки. Современные шрифты появились в восемнадцатом столетии, их разработчиками были семья французских печатников Дидо (Didot) и итальянский издатель Джамбаттиста Бодони (Giambattista Bodoni).
Наиболее значимые представители этой группы шрифтов: Century, Bodoni, Didot и Bookman.
04. Шрифты с прямыми засечками
Современные, "нового стиля" шрифты получили широкую известность, однако, шрифты данной группы имеют собственные яркие особенности. Прямоугольные и более крупные засечки; однородный по плотности элементов контур с обычно перпендикулярными ровным краям штрихов засечками. Пять отдельных подгрупп шрифтов: "египетские", "Кларендон", "итальянские", "латинские" и "этрусские".
Примеры шрифтов с прямыми засечками: Rockwell, Memphis, Figaro и Excelsior.
05. Шрифты без засечек
Этот вариант начертания был разработан в начале девятнадцатого века, но добиваться популярности ему пришлось ещё почти сто лет. Основная его особенность - полное отсутствие засечек. Эти шрифты впечатляют своей простотой и практичностью. Их считают наиболее обобщённой формой графического представления алфавита.
Самые значимые представители этой группы: Helvetica, Arial, Futura, Century Gothic и Gill Sans.
06. Готические рукописные шрифты
Они словно вышли из-под пера усердного каллиграфа где-нибудь в Европе времён Гутенберга, что помогает очень легко установить их происхождение. Готические рукописные шрифты отличаются изысканной витиеватостью букв и применяются, в основном, при оформлении дипломов, приглашений и прочих официальных бумаг/документов. Лучше всего использовать только их строчные символы, без заглавных букв. Другие названия шрифтов данной группы - Старинное английское письмо (Black Letter) или Староанглийская готика (Old English).
Наиболее известные среди этих шрифтов: Cloister Black Lite, Black Forest и Linotext.
07. Рукописные шрифты
Своим начертанием они имитируют письмо от руки. Смотрятся естественно, а их сильно закруглённые символы напоминают связную скоропись. Шрифты данной группы не отличаются хорошей разборчивостью.
Удачные образцы таких шрифтов: Rage Italic и Cristopherhand.
08. Декоративные или "галантерейные" шрифты
Декоративные шрифты легче сгруппировать. Их нельзя отнести ни к одной из вышеперечисленных категорий. Они предназначены, главным образом, для того, чтобы придавать надписям определённое настроение, помогать им выделяться своей оригинальностью, и именно поэтому применение таких шрифтов в печати и веб-среде весьма ограничено.
09. Значки или шрифты-комплекты типографских пометок
Кто-то здорово придумал взять и заменить буквенно-цифровой набор символов значками, рисунками, картинками, - так и появились орнаментальные символьные комплекты. Область их применения трудно чётко определить, но иногда они могут очень пригодиться, а бывают и весьма выразительными внешне.
Заключение
Не могу сказать, что предложенная в моей статье классификация шрифтов - единственно верная, но в её основу легли мои лучшие наработки за долгие годы практики; это всего лишь удачная возможность сравнить свойства различных шрифтов, а также, что важнее, выделить для себя те структурные элементы, наличие которых позволяет включить отдельную буковку в обширное семейство (шрифтов). Если ваша классификация лучше моей, я бы с удовольствием познакомился с ней через раздел комментариев.
Ознакомление с начертаниями шрифтов начнем с самых простейших видов. К простейшим шрифтам относятся шрифты рубленые и плакатные (гротеск).
Изучающему начертание различных шрифтов для простоты понимания формы и конструкции букв и цифр предлагается пользоваться модульной сеткой. Модульная сетка представляет собой сетку, состоящую из квадратов, т.е. как бы канву, по которой можно выполнять построение букв и цифр шрифта. За толщину основного штриха берется модуль (единица измерения), равный ширине 1 клетки. Таким образом, по модульной сетке можно брать различные пропорции букв шрифта.
Буквы каждого шрифта подразделяются на три группы: узкие, нормальные и широкие. К узким буквам относятся Б, В, Г, Е, Р, Ь, Ъ; к нормальным - А, Д, 3, И, К, Л, Н, П, Т, У, Ч, Ц, Ч, Я; а к широким - Ж, М, О, С, Ф, Ш, Ы, Э, Ю (рис. 4.16).
Таким образом, сами по себе буквы, имея разные пропорции, создают впечатление разнообразия. Кроме того, буквы подразделяются на прямоугольные и округлые.
В зависимости от техники начертания шрифты бывают рукописные, их выполняют от руки с помощью плакатных перьев, кисти; рисованные, их выполняют карандашом (а затем буквы заполняются краской). К рисованным шрифтам относятся также шрифты, выполняемые с помощью трафаретов; рельефно-объемный или гравированный (который выполняют на различных материалах - камне, дереве, металле с помощью специальных инструментов - резцов и др.).
По технике начертания наиболее простым видом шрифта является плакатный шрифт «гротеск», все буквы и цифры которого имеют одинаковую толщину штрихов. Он не имеет засечек. Многообразие плакатных шрифтов позволяет художнику делать соответствующий выбор пропорций букв, т.е. брать не только уже имеющиеся шрифты, но как бы создавать собственные.
На рис. показаны образцы двух разновидностей плакатного шрифта. Горизонтальные штрихи у букв проходят точно по середине их высоты.
А на этом рис. они подняты немного вверх. Модульная сетка в данном примере имеет уже неодинаковые размеры, в результате чего буквы более устойчивы, стройны и красивы.
Плакатный шрифт, показанный на рис. 4.16, имеет три разновидности пропорции букв, что придает ему большую динамичность, хотя горизонтальные штрихи проходят у букв точно по середине. Модульная сетка, начерченная для каждой буквы, точно определяет их размеры. Нетрудно заметить, что буквы, имеющие округления, как например - Б, В, Р, Ь, в местах округлений немного шире стороны прямоугольника, положенного в основу пропорции этих букв. На второй строчке буквы чуть шире предыдущих, но не все они вписываются в прямоугольник целиком. Буква А, например, в своей нижней части выходит за стороны прямоугольника, буква 3, наоборот, немного уже. Целиком вписываются в прямоугольник лишь буквы И, К, Л, Н, П, У. Остальные - Т, Ч чуть меньше.
Все эти изменения букв сделаны с учетом зрительного восприятия, вызванного психофизиологией нашего зрения. Например, вертикальные линии (штрихи) в буквах нам кажутся тоньше горизонтальных, поскольку средняя геометрическая ось не совпадает с оптической. Установлено, что для округлых букв их округлость должна выходить за рамку прямоугольника примерно на Уго- Узо высоты буквы (обычно этот размер берется приблизительно). При начертании слов важно учитывать межбуквенный просвет. При сочетании некоторых букв межбуквенный просвет делать не надо.
Начертание букв плакатным пером осуществляют двумя способами. В первом случае обводят сначала все вертикальные прямые. Обводку вертикальных штрихов выполняют движением пера сверху вниз, держать его нужно с небольшим наклоном в сторону движения. После высыхания туши движением пера слева направо обводят горизонтальные штрихи, причем сначала все верхние штрихи, затем средние, нижние, а в последнюю очередь и наклонные.
Во втором случае обводку букв производят снизу. Наибольшая трудность здесь состоит в закруглениях букв и цифр. При выполнении закруглений перо надо вести почти вертикально. Для этого необходимо сначала потренироваться на отдельном листе.
В наиболее ответственных надписях для придания шрифту большей строгости и аккуратности буквы обводят плакатным пером с помощью линейки. Одну линейку кладут вниз, а другую сверху нее. Верхнюю линейку сдвигают немного вперед и по ней чертят буквы. В таком случае тушь не подтекает под линейку. Не рекомендуется пользоваться при этом тонкими металлическими или тонкими пластмассовыми линейками.
Приведенные выше плакатные шрифты носят название плоских силуэтных. Кроме них имеются и объемные шрифты, представляющие собой разновидность плакатных шрифтов.
При составлении композиции текста художники применяют декоративные шрифты, украшенные рисункам или орнаментом, что придает им своеобразную форму.
Кроме прямых шрифтов в декоративно-оформительском искусстве применяют курсивные (наклонные) шрифты. Наклонив буквенные знаки шрифта под углом 75°, можно получить варианты курсивных шрифтов (рис. ниже). Буквы курсивных шрифтов пишут как отдельно друг от друга, так и вместе. Иногда соединения букв в курсивном шрифте ухудшают его удобочитаемость.
При одинаковой толщине обводки штрихов по методике Г. В. Гречихо курсивный шрифт пишут стеклянными трубочками, фломастерами и чертежными перьями «редис» (рис. ниже). Курсивные шрифты выполняют чаще всего прямыми плакатными перьями, а также плоско отточенными палочками. Вариантов курсивных шрифтов много, и возможности для составления собственных разновидностей курсивных шрифтов неограниченны.
Красота шрифта заложена в самой конструкции буквы, в умении найти гармоническое сочетание размеров ее частей. На рис. ниже показан образец рукописного жирного курсивного шрифта, автором которого является известных советский художник В. К.Тоотс.
Рукописный курсивный шрифт наиболее доступен и быстр в написании и самый скорый. Его обычно пишут ширококонечным пером («рондо»), сохраняя при этом постоянное положение руки и глаз по отношению к листу бумаги. Штрих выполняют сразу, без изменения угла наклона. Штрихи пишут сверху вниз и слева направо. Для написания текстов ширококонечным пером лучше всего использовать гладкую белую бумагу.
Рассмотрим следующую группу шрифтов, относящуюся к контрастным. Эта группа носит общее название «антиква». К разновидностям антиквы относят академический шрифт, который имеет несколько вариантов, а также архитектурный. Буквы и цифры этих шрифтов в большинстве своем имеют вверху и внизу засечки. Рисунок засечек представляет собой некоторую сложность при начертании букв.
Познакомимся с формой и конструкциями букв и цифр академического шрифта (рис).
В учебных целях шрифт выполнен с помощью модульной сетки, которая позволяет наглядно увидеть особенности начертания каждой буквы, цифры и сравнить их между собой. Ширина букв неодинакова и берется в зависимости от формы буквы. Например, наименьшую ширину - 4,5 модуля имеет буква 3. Буквы Б, В, Г, Е, И, Н, П, Р, Ч имеют ширину 5 модулей, т.е. пропорция составляет отношение 5:8, буквы Э, Ц - 5,5 модуля, буквы А, Л, Т, У, Ц, Ъ, О, Я - 6 моду-лей (6: 8). К более широким буквам относятся Ж, Ф, Ш, Ы, Д - 7 модулей. Самые широкие - Ю, Щ - 7,5 модулей.
В некоторых случаях художник меняет по необходимости пропорции букв шрифта. Тогда строят прямоугольник с нужным со-отношением сторон. Внутри прямоугольника наносят модульную сетку. Число ее делений по ширине и высоте должно соответствовать принятому числу модулей для взятой буквы данной разновидности шрифта.
