Была, осталась, видоизменилась…
9 — 2008Владимир Чуфаровский
История с продолжением
Не сглаживая углов…
Сглаживая углы…
Смежные темы
Вместо заключения
История с продолжением
В иллюстративных примерах, которые были выбраны для предыдущей публикации (см. КомпьюАрт № 8’2008), фигурировал не вполне обычный, по меркам нынешней российской рекламной практики, ненасыщенный акцидентный шрифтовой материал. Необходимо отметить, что в рассматриваемом временном интервале в акцидентных задачах зачастую использовались и совсем иные функционалистские типографические конструкции, большинство из которых вошло в типографический обиход, начав не с наборных, а с титульных применений. Следуя линии, которая уже проводилась, до того как будет, по обыкновению, привлечен материал реминисцентного характера, попытаемся актуализировать сам предмет рассмотрения, а потому вначале уточним, о каком типографическом материале должна пойти речь. Для этого приведем последовательно пять чисто шрифтовых иллюстраций (рис.
Первый пример (см. рис. 1) заслуживает того, чтобы его подробно прокомментировать, и вовсе не потому, что репродуцированные в нем шрифты разработал П.Реннер — один из признанных мэтров шрифтового искусства прошлого века. Приведенный здесь в двух верхних строках малоконтрастный функционалистский шрифт характерного угловатого рисунка цитируется во всех серьезных справочниках как одно из начертаний его знаменитой гарнитуры Футура. В зарубежных источниках он фигурирует как Futura Display, что в переводе означает «акцидентная, демонстрационная Футура». По стечению обстоятельств в тех отечественных публикациях, где писалось об этом шрифте, никто не задался вопросом, как так случилось, что сам Пауль Реннер включил в свои гарнитуры даже не одно, а два начертания, стилистически кардинально отличающихся от всех других. Кстати, второй из упомянутых шрифтов практически всем хорошо известен — это Futura Black.
Возможно, самое удивительное состоит в том, что для того, чтобы убедиться в этих стилевых различиях, не надо заниматься поиском комментариев даже самых маститых зарубежных аналитиков — достаточно здравого смысла и той подготовки, которую получают, например, студенты младших курсов в том же «Полиграфе». Для облегчения такого сопоставления в двух нижних строках примера процитировано близкое по насыщенности начертание Futura Bold. Отметим кратко, что, комплектуя свою гарнитуру, Реннер пытался создать своего рода универсальный набор шрифтоначертаний, который в будущем мог быть использован, по представлениям того времени, где угодно. Естественно, что он при этом не только базировался на своих знаниях, но и творчески обработал тот реальный графический материал, который к тому времени был накоплен в практике европейской рекламы. К сожалению, случилось так, что Futura Display в России пока не локализован. Это тем более досадно, поскольку акцидентные достоинства графики, которая реализована в этом шрифте, достаточно очевидны.
В следующей иллюстрации (см. рис. 2) приводятся два из четырех начертаний шрифта в названии, которого вновь фигурирует слово Futura. Создателем этой завершенной в 1955 году разработки, в которую входят также еще два курсивных начертания, является все тот же П.Реннер, который и дал ей тогда название Futura Steile.
В данном случае П.Реннер фактически обобщил те идеи, которые он воплотил вначале в шрифте Futura Display, сохранив при этом прежнюю угловатую стилистику. Вряд ли имеет смысл комментировать совершенно очевидные графические и прикладные достоинства этой гарнитуры. Стоит лишь упомянуть, что Реннер, фигурально выражаясь, стандартизировал этой своей разработкой 1956 года альтернативные варианты начертаний таких букв, как А, E, K, M, N и W, которые ранее использовались другими художниками от случая к случаю, главным образом в рекламных плакатах. Свидетельством популярности этих альтернативных начертаний могут быть многие образцы шрифтов, созданные в период своеобразного второго пришествия арт деко, которое, начавшись в конце 1950-х годов, активно продолжалось почти десять лет.
В третьей иллюстрации (см. рис. 3) представлен хорошо всем знакомый шрифт. На всякий случай напомним, что в этом примере фигурируют четыре из семи вариантов шрифтоначертаний гарнитуры Eurostyle, которую известный итальянский дизайнер А.Новарезе создал в 1962 году. Рисунок знаков этой гарнитуры во многом обобщает опыт многих плакатных работ, создававшихся в 1920-30-е годы, с той разницей, что тогда в них преобладало использование прописных букв. Обратим внимание на то, что в этой гарнитуре, наряду с двумя шрифтами нормальной ширины, присутствуют расширенные, суженные и даже компактные начертания. Этот шрифт хорошо известен у нас во многом потому, что вот уже почти полтора десятка лет неизменно фигурирует в составе популярного пакета CorelDRAW. К сожалению, в последнее время шрифты такого типа почему-то редко употребляются в отечественной рекламе, несмотря на то что остаются популярными в Европе и Северной Америке. Более того, шрифтовые дизайнеры, работающие в странах Запада, в последние годы создали немало достаточно широко востребованных в нынешней акцидентной практике геометризованных шрифтов, где в рисунке букв преобладают штрихи, идущие в вертикальном и горизонтальном направлении, причем для практики важно, что многие из этих разработок тяготеют к популярной стилистике хай-тек.
Уже в 90-х годах были созданы шрифты, выбранные для четвертой иллюстрации (см. рис. 4). В приведенном примере процитированы оба начертания гарнитуры Stenberg, которая была создана одним из известных отечественных дизайнеров шрифта Т.Сафаевым и которая вместе с другой его аналогичной разработкой с 1997 года присутствует в каталогах компании «ПараТайп». Многим известно, что шрифты подобного рисунка часто использовали в своих плакатах такие художники русского послереволюционного авангарда, как братья Стенберги и А.Родченко. Более того, в их работах применялись также шрифты, рисунок которых близок к прописным буквам ранее процитированной нами гарнитуры Eurostyle. Эти жестко геометризованные шрифты у нас до сих пор продолжают использоваться, причем это едва ли не единственная чисто российская шрифтовая разработка, которую почти сразу после ее создания лицензировала и ввела в свои каталоги такая известная шрифтовая фирма, как International Typeface Company (ITC).
В последней иллюстрации заявленной серии (см. рис. 5) показана гарнитура Simpler, которая была разработана автором статьи в том же 1997 году для шрифтового авторского проекта «ТРИ-О-ГРАФ», входившего в состав пакета «Русский Офис». Так вышло, что из-за отсутствия государственной поддержки главный инвестор данного проекта — компания «Ай-Ти» работы над этим пакетом в самом начале 2000-х годов прекратила, однако его шрифтовой комплект до сих пор фигурирует среди широкодоступных ресурсов Интернета и продолжает использоваться в дизайнерской практике.
Применительно к последнему рисунку заявленной серии необходимо отметить, что основным в нем является первый недекорированный алфавитный фрагмент, в то время как второй просто является попыткой автора, памятуя о знаменитом логотипе фирмы IBM, ввести в современное пользовательское обращение один из популярных в 1930-х годах вариантов отделки. Строго говоря, данный шрифт не может быть непосредственно соотнесен с неконтрастными функционалистскими шрифтами точно так же, как, например, упоминавшаяся классическая разработка П.
Возвращаясь к тезису, высказанному в самом начале раздела, применительно к пяти рассмотренным примерам необходимо вновь повторить, что акцидентные возможности такой графики у нас в обиходной практике дизайна пока оказываются не столько недооцененными, сколько недоиспользованными. Поэтому приведем еще несколько примеров (рис. 6-10) как высокоуровневых, так и вполне обыденных применений такого рода шрифтов.
Вот еще три иллюстрации (см. рис. 7-9), также основанные на материалах, полученных из общедоступных ресурсов Интернета.
В этом примере надписи первых двух фрагментов (см. рис. 7) имеют очевидное сходство с рисунком букв гарнитуры Eurostyle, процитированных на рис. 3. Рисунок букв в тексте третьего фрагмента, будучи тематически также связан с насыщенным компактным начертанием гарнитуры Eurostyle, является в данном случае просто современной «аутлайн»-вариацией этой графической темы.
Еще более жесткий угловатый рисунок имеют буквы тех шрифтов, что использовали американские дизайнеры при разработке рекламы двух других хорошо известных у нас фильмов. Их фрагменты рекламы выбраны для второго примера (см. рис. 8).
Не будем искать прямых аналогов, сопоставляя графику этих рекламных текстов с начертаниями букв разработанных Т.Сафаевым гарнитур Rodchenko и Stenberg (см. рис. 4). Этого делать не нужно, поскольку в данном случае этот пример важен в первую очередь как современный образец развития тех авангардистских графических новаций, которые дал современной акциденции русский авангард начала 1920-х годов.
Следующая иллюстрация (см. рис. 9) также не нуждается в подборе аналогов из архивных материалов 1920-30-х годов, поскольку, подобно предыдущему примеру, демонстрирует образцы современной обработки угловатой и жесткой шрифтовой графики, которая вошла в художественную практику в первой трети прошлого века.
Приведем еще одну иллюстрацию (см. рис. 10), для которой специально был выбран материал, который, без преувеличения, можно считать обиходным. Эта графика, возможно, смотрится не столь эффектно, как большинство рекламных фрагментов, подобранных для предыдущих примеров. Однако в методическом отношении она не менее важна, поскольку может служить доказательством того, что заглавие этого раздела выбрано неслучайно, поскольку данный пример демонстрирует развитие графических идей 1920-30-х годов прошлого века применительно к современной ситуации.
Рис. 11, завершающий этот раздел, может служить дополнительным подтверждением высказанной мысли применительно к архитектуре, которая является, как известно, прародительницей дизайна как такового. Конечно, в приведенном примере невозможно усмотреть ничего такого, что напрямую связывало бы его с типографической акциденцией. Вместе с тем он, будучи непосредственно связан с функционалистскими эстетическими открытиями первой трети прошлого века, имеет прямое отношение к теме статьи не только потому, что на левой фотографии — здание «Баухауса» в Дессау. Правая фотография (хайтековское Fuji Building) демонстрирует не только жизнеспособность функционалистских эстетических открытий прошлого века, но и дает пример того, что они продолжают свою жизнь в новое время, в том числе и в новом качестве.
Рассмотрим затронутые темы более подробно, делая акцент на реальных акцидентных образцах. Именно такой подход может стать конкретным подспорьем для тех, кто в производственной практике захочет воспользоваться такими примерами в качестве графических тем для решения реальных дизайнерских задач, и для тех, кто, возможно, пожелает создать свои собственные шрифтовые разработки подобной стилистики.
Не сглаживая углов…
Трудно найти публикации по довоенному арт деко, в которых бы не воздавалось должного тем идейным и тематическим прорывам, которые связаны с советским послереволюционным авангардом. Ведущие западные аналитики, говоря о достижениях «Баухауса» и характеризуя ту питательную среду, на которой взрастали его эстетические новации, неизменно указывают как на деятельность группы De Stijl, так и на русских конструктивистов. Патриция Кэри, один из самых авторитетных современных западных аналитиков, в своем фундаментальном исследовании, посвященном графическому наследию арт деко предвоенной поры, дает для этой ситуации оригинальную образную иллюстрацию, говоря, что «Баухаус» своей художественной практикой кристаллизовал лучшие графические идеи его предшественников. Это дает все основания начать раздел с нескольких иллюстраций, основанных именно на российском материале. Стараясь выдержать последовательный подход, для первого из этих примеров мы выбрали два советских плаката (рис. 12).
При их внимательном рассмотрении можно выявить между ними очевидные технологические различия. В первом случае мы имеем дело с плакатом, который разработчики занумеровали как Окно РОСТа № 744; общеизвестно, что для удобства ручного размножения плакатов в 1921 году художники широко использовали тогда трафаретную технику. Второй представленный плакат, как известно, является уже тиражным изданием.
Следующая иллюстрация (рис. 13) в стилистическом отношении является более однородной, тем более что в данном случае мы имеем дело с образцами уже чисто полиграфической продукции. Оба ее фрагмента созданы в 1923 году, причем в первом случае это обложка журнала «ЛЕФ», а в качестве второго фрагмента вновь использован плакат А.Родченко с текстом В.Маяковского, который посвящен рекламе часов фирмы «Мозер».
В обоих последних примерах следует обратить особое внимание на их рекламные фрагменты. Анализировавшие эти плакаты Родченко многочисленные комментаторы (не только отечественные, но и зарубежные) по стечению обстоятельств почему-то не предприняли усилий для пунктуального стилистического анализа этих работ. В том случае, если бы такой анализ был сделан, пришлось бы признать стилевую неоднородность воспроизведенных там текстов. Так, в плакате, где говорится об уникальных достоинствах советских сосок, в буквах, из которых составлен текст «РЕЗИНОТРЕСТ», можно легко заметить характерные скругления в местах соединения вертикальных и горизонтальных штрихов. Напротив, в верхней строке рисунок букв жесткий, то есть такой, что в местах соединения штрихов рисунок никоим образом не сглаживался и, таким образом, скругления были фактически исключены. Аналогичный стилевой феномен имел место и в другом рекламном плакате, в котором художник счел возможным выбрать скругленный рисунок для букв З и Р у расположенного в самой середине плаката слова «Мозера», и это при том, что в слове «Мозер», стоящем в следующей строке, буква «Р» вновь имеет несглаженный, жесткий рисунок. Воздержимся здесь от домыслов на предмет того, почему Родченко не стал применять для буквы «З» то концептуализированное жесткое начертание, пример которого здесь ранее приводилось (см. рис. 4) и которое он использовал в других работах.
В качестве дополнительного свидетельства популярности нескругленных, аскетично лаконичных, жестких шрифтовых конструкций в искусстве России начала 1920-х годов может быть использована еще одна иллюстрация (рис. 14), где представлены репродукции книжных обложек. Несмотря на то что в данном примере более сдержанно и концептуально выглядит левый фрагмент, достаточно показательной является и его правая часть, где преобладают уже контрастные шрифтовые конструкции.
Аналогично тому, как уже отмечалось в комментарии к одному из рисунков (см. рис. 5) предыдущего раздела, такую графику можно рассматривать как случай так называемых смежных, или сопряженных, эстетических проявлений, которые не только имели место в первой трети прошлого века, но и продолжают масштабно существовать и развиваться в нынешних постмодернистских реалиях.
Проведем параллели с использованием угловатых неконтрастных графических конструкций в европейской практике того времени. Обратимся к авторитетной практике голландского дизайна первой половины 1920-х годов (рис. 15).
Левый фрагмент рис. 15 в особых комментариях не нуждается — это одна из обложек выпускавшегося группой De Stijl журнала, который издавался в Голландии группой художников и дизайнеров еще до большевистского переворота в России. Известно, что среди лидеров этой группы были такие значимые фигуры того времени, как Тео ван Дуйсбург и Питер Мондриан. Графика книжного знака, использованного во втором фрагменте (1925, художник Барт ван дер Лек), интересна не только тем, что ее автор примыкал к движению De Stijl, но и тем, что использованные геометричные неконтрастные шрифтовые конструкции в какой-то степени предвосхитили хайтековские типографические разработки нашего времени.
Следующую иллюстрацию (рис. 16) не имеет смысла сопоставлять с какой-либо другой работой — в первую очередь потому, что в ней использован жестко геометризованный шрифт оригинального рисунка. В этом примере приведен плакат, который в 1928 году голландский художник Тео ван Эрп создал в честь юбилея студенческого союза.
Вот еще одна иллюстрация на голландском материале (рис. 17). Автором обоих ее фрагментов, датируемых 1929 годом, является тоже входивший в группу De Stijl известный голландский художник В.Хузар (в другом варианте транскрипции — Гузар). В левой части рисунка репродуцирован его выставочный плакат, а в правой — оформленная им обложка художественного журнала Wendingen. Геометричные, состоящие исключительно из вертикальных и горизонтальных линий шрифтовые конструкции и созданные из них графические композиции, примененные в этой обложке, строго говоря, нельзя назвать неконтрастными, однако эстетическая близость обеих работ этого художника совершенно очевидна.
К 1930-му и 1932 году относятся рекламные работы итальянских художников Наззоли и Марчеси, вошедшие в состав следующей иллюстрации (рис. 18). В стилистическом отношении оба эти фрагмента существенно отличаются от предыдущих — в первую очередь тем, что здесь использованы те возможности, которые дает имитация третьего измерения. Особенно эффектен такой подход в первом случае, поскольку экономными средствами он придает динамичность всей картинке, при этом основной рекламный текст здесь оказывается уложен на дорожное полотно. По-своему более лапидарным является второй фрагмент, где рекламируется продукция фирмы Lazzaroni. В этом случае художник просто и вместе с тем броско выделил предмет рекламы — миндальные пирожные, противопоставив как бы вываливающиеся из плоскости листа объемные буквы плоскому, подчеркнуто статичному тексту, помещенному в нижнюю часть плаката. Данный пример демонстрирует возможность сочетания стилистически весьма разных текстовых композиций.
Оба фрагмента другой, тоже скомпонованной на базе итальянского материала иллюстрации (рис. 19) также имеют экспрессивный характер. На первом из них — обложка журнала Gioventa Fascista (1932, художник Ч.Гоббо), который был посвящен одному из юбилейных мероприятий режима Муссолини, а на втором — реклама с обложки блокнота (1934, художник не установлен). Как и в предыдущем рисунке, авторы здесь вновь постарались уйти от чисто плоскостных композиций. В первом случае использованы оригинальные шрифты, которые пока не встречались в статье, однако второй фрагмент представляет ничуть не меньший интерес. Пристально вглядевшись в волнообразную надпись, легко убедиться в том, что в данном случае криволинейный рисунок букв Q, O и S не только не диссонирует c жестким начертанием большинства других знаков, но и создает добавочные акцидентные эффекты за счет своеобразной графической аритмии, и можно только подосадовать, что этот шрифт пока не оцифрован, а потому не фигурирует ни в одном каталоге.
Последняя иллюстрация раздела сформирована на японском материале (рис. 20). На левом фрагменте — рекламный плакат японской государственной сети железных дорог (1937, художник М.Сатоми). Другой плакат также имеет рекламный характер и посвящен одной из проводившихся в Токио международных выставок (1940, автор не установлен). Сопоставление обоих фрагментов этого примера отчетливо показывает, что японские художники, находясь за много тысяч километров от Европы, еще в довоенное время, когда все виды межконтинентальных коммуникаций были совсем не те, что сейчас, были в курсе всех эстетических новинок. Более того, они свободно создавали свои собственные жесткие типографические интерпретации функционалистского типа даже для иероглифических структур.
При совокупном рассмотрении даже того сравнительно небольшого по объему материала, который вошел в представленную иллюстративную подборку, легко убедиться в том, что графические новации российских конструктивистов и голландского объединения De Stijl оказались не только востребованы, но и нашли свое продолжение в художественной практике их коллег из других стран.
Сглаживая углы…
В качестве начальной иллюстрации (рис. 21) приведем комбинированный пример, в который включены репродукции двух созданных почти единовременно хорошо известных плакатов, оповещающих о проведении выставок, или, приняв во внимание один из вариантов перевода немецкого слова ausstellung, показа школы «Баухаус». Трудно говорить о каких-либо существенных графических различиях в скругленных буквах, о которых уже упоминалось в комментариях к плакатам Родченко (см. рис. 12-13), и в текстах, которые фигурируют в обоих фрагментах рассматриваемого примера. Вместе с тем эстетические различия этих работ совершенно очевидны.
В данном случае не имеет смысла обращаться к монографическим источникам, поскольку оба «торговых» плаката Родченко, если отвлечься от шрифтовой графики, скомпонованы вполне традиционным образом. Даже при беглом взгляде на эти плакаты, можно увидеть и сильно заполненное пространство листа, и самым отчетливым образом выраженную симметричную композицию. Именно поэтому в данном случае есть все основания считать, что конструктивистские подходы в большей степени отражены в приведенных плакатных фрагментах, созданных в «Баухаусе». Данная ситуация на самом деле не содержит парадоксальных противоречий, поскольку в то же самое шальное коммерческое нэповское время Родченко создал немало других, не относящихся к теме данной статьи работ. Кто же, в конце концов, первым в рекламной практике применил угловатые текстовые конструкции — «Баухаус» или наши конструктивисты? Будем считать этот вопрос риторическим, поскольку прямой ответ на него можно найти, например, в следующей иллюстрации. На рис. 22 представлен созданный фактически по канонам рекламы викторианской эпохи плакат, который в 1916 году для судоходной компании BATAVIER LUN изготовил голландский художник Барт ван дер Лек. Подчеркнем, что этот постер был создан и до того, как сформировалось объединение De Stijl, и до большевистского переворота. Вместе с тем данный пример никоим образом не способен девальвировать творческое наследие ни российских конструктивистов, ни «Баухауcа», поскольку все они действовали вне прежнего эстетического базиса, местами прямо противопоставляя свои работы тому искусству, которое они считали буржуазным. Отмеченное обстоятельство тем более важно, что в социально-экономических условиях 1920-х годов эти эстетические новации были более созвучны общественному сознанию, чем манифестальные эскапады футуристов начала прошлого века.
В сравнительном контексте стоит привести скомпонованные на советском плакатном материале две комбинированные иллюстрации (рис. 23-24).
Второй фрагмент первого из этих примеров (см. рис. 23) хорошо известен многим, поскольку все без исключения исследователи относят его к золотому фонду советского конструктивизма. Этот плакат художник М.Семенов-Менес создал в 1929 году для документального фильма «Турксиб» режиссера Дзиги-Вертова.
Первый фрагмент несколько менее известен (1927, художник Г.Клуцис), поскольку данную агитационную работу можно рассматривать не столько как эстетическое достижение, сколько как памятник эпохе. В этом плакате использованы пропорциональные и моноширинные шрифтовые конструкции, причем модульные особенности нижнего фрагмента интересно сопоставить с приведенной в начальной части статьи шрифтовой разработкой Sturm, выполненной в «Баухаусе» Х.Байером в 1926 году. Естественно, что в обоих фрагментах фигурируют жестко геометризованные шрифты, в которых имеют место незначительные закругления в местах соединения вертикальных и горизонтальных штрихов.
Плакаты, приведенные в следующем примере (см. рис. 24), также причисляются к классике конструктивизма. Слева представлен выставочный рекламный плакат Эль Лисицкого, который он создал в 1929 году. В том же году братья Стенберги создали свою знаменитую киноафишу для фильма Дзиги-Вертова «Человек с киноаппаратом». Стоит обратить внимание на угловатый рисунок букв, похожих на суженное начертание гарнитуры Eurostylе, о разработке которой, впрочем, в то времени еще никто не помышлял.
Отдав должное творчеству конструктивистов, обратимся к рассмотрению вполне обиходных работ голландских художников созданных почти тремя годами ранее (рис. 25).
Приведенная иллюстрация, по обыкновению, составлена из двух плакатов, первый из которых (1925, художник Л.Найт) рекламирует портвейн, а второй — сигареты (1926, художник В.Хузар). Хузар в своем плакате реализовал более авангардное цветовое оформлении, чем его коллега. Не будем углубляться в комментарии, касающиеся особенностей цветового оформления, поскольку в первую очередь основной интерес в данном случае представляет шрифтовая графика. Рисунок букв в первом случае весьма похож на компактный вариант шрифта Eurostyle, в то время как начертания почти всех знаков во втором фрагменте, за вычетом лигатур, имеют определенное сходство с теми угловатыми шрифтами П.Реннера, которые ранее уже приводились на рис. 1-2.
Шрифтовые конструкции, рисунок которых схож с насыщенным компактным начертанием гарнитуры Eurostyle, использовались также германскими художниками, о чем, в частности, свидетельствует рис. 26, фрагменты которого были созданы в 1925-м и 1935 году. Первый — это рекламный постер стирального порошка Persil, а второй — обложка упоминавшегося в статье немецкого дизайнерского издания — журнала Gebrauchsgraphik. Автор обоих фрагментов — весьма известный в то время немецкий художник Й.Биндер. В первом случае рисунок букв у текста Persil отчетливо геометричен, а скругления в буквах здесь едва просматриваются. Характерно, что разработчик применяет здесь популярную до сих пор субтрактивную методику, накладывая на логотип диагональный сугубо бытовой «бельевой» образ. Во втором фрагменте мы имеем дело со шрифтом, рисунок которого мало отличается от компактного гротеска, хотя сама разработка в целом смотрится вполне концептуализированно и жестко.
Как высокоуровневые, так и чисто обиходные применения жестких типографических конструкций на рубеже 1920-30-х годов были широко распространены не только в континентальной Европе. Подтверждением этого может служить такой сугубо бытовой пример (рис. 27), как пивной товарный знак, созданный в то время в Великобритании (1930 год, художник неизвестен).
Угловатые и жесткие типографические конструкции широко применялись в 1930 годы и в Испании. Это иллюстрирует рис. 28, для которого были выбраны два плаката, относящиеся соответственно к 1935-му и 1937 году. В первом случае это афиша благотворительного концерта (художник Вегил), а правый фрагмент — это один из агитационных плакатов периода Гражданской войны (художник Паррилла).
Так же как и в предыдущем разделе, уделим более пристальное внимание итальянским графическим работам. Для этого скомпонуем две комбинированные иллюстрации, первая из которых (рис. 29) составлена из чисто рекламных материалов. Для левого фрагмента первого из этих рисунков использована рекламная афиша к выставке спортинвентаря (1934, художник Латис), а на втором представлен плакат с рекламой шляп (1935, художник Д.Боккасилле). Оба приведенных образца итальянской графической акциденции были выбраны для того, чтобы продемонстрировать образцы шрифтового оформления текстов. В первом фрагменте использован оригинальный рисунок букв. Несмотря на то что шрифтовые конструкции, примененные во втором фрагменте, на первый взгляд смотрятся достаточно консервативно, его пластическое оформление весьма элегантно, особенно если учесть, что программой Adobe Photoshop художники тогда не имели возможности пользоваться.
Вторая из упомянутых иллюстраций (рис. 30) содержит существенно более ответственные плакатные образцы, создателем которых был один из самых известных в то время итальянских художников Ф. Синьорини. Левый фрагмент рисунка является афишей, которую в 1936 году этот признанный мастер создал для такого ответственного культурного мероприятия, каким традиционно является Венецианская биеналле. Помещенный в правой части рисунка плакатный фрагмент в то время мог считаться, возможно, даже более значимым, чем первый, поскольку был исполнен в 1941 году по заказу правящей партии итальянских фашистов. В этом фрагменте интерес представляют не какие-то особые эстетические достоинства, хотя сделан он уверенно и профессионально, а та оригинальная угловатая шрифтовая графика, которая в нем использована.
В заключение раздела надо отметить, что приведенных примеров вполне достаточно, чтобы расширить представление о акцидентных возможностях, которые открывает применение рассмотренных типографических средств. Несмотря на то что ряд приведенных шрифтов пока не имеет аналогов в каталогах отечественных и зарубежных поставщиков, их простые жесткие формы могут дать возможность создавать по этим темам как локальные рекламные фрагменты, так и самостоятельные шрифтовые разработки.
Смежные темы
Приведенные в первом разделе примеры (см. рис. 8-10) свидетельствуют о том, что жесткие минималистские типографические новации, вошедшие в художественную практику в начале прошлого века, отнюдь не утратили своей актуальности, а просто продолжают свое существование в новом качестве и в наше двадцать первое столетие. За прошедшее время естественным образом изменились и общественное сознание, и соответственно эстетические пристрастия. Всё это самым непосредственным образом коснулось и того круга явлений художественной жизни, которые причисляются к графическому искусству. Ныне во многих странах мира дизайн стал одной из весьма распространенных профессий, и очень многие работы делаются сейчас фактически по индустриальным методикам. Роль дизайнера при этом часто сводится к формированию фоновой композиции, подбору шрифта для выданной текстовки, фотошоп-отделке с последующим коллажным комбинированием всего полученного таким образом графического материала. Тем не менее все это ни в коем случае не снизило роли индивидуального, творческого начала, значение которого продолжает высоко цениться во всем мире и, разумеется, в нашей стране, тем более что в 90-е годы выдвинулась целая плеяда дизайнеров, которые сейчас в большинстве своем обзавелись собственными командами. Более того, в нашем дизайнерском сообществе отчетливо наметилась тенденция к повышению квалификационного уровня с тем, чтобы подтянуться к уровню лидеров. Поэтому такие продвинутые учебные заведения, как БВШД и АШГД, не испытывают недостатка в желающих там учиться.
Известно, что авангард 20-х годов прошлого века часто использовал художественный опыт примитивизма. Собственно говоря, именно в примитивистской практике во многом укоренены многие упомянутые здесь шрифтовые конструкции. Составной частью наследия той поры стали работы, в которых примитивистские влияния могут трактоваться в более широком контексте, поскольку являются основой всего графического решения. Сказанное лучше всего сопроводить примерами такой связи и таких влияний, относящихся в первую очередь к рассматривавшемуся здесь временному периоду (рис. 31-32).
Первая из упомянутых работ относится к 1925 году. Этот знаменитый образец жесткой плакатной графики создал французский художника Д.Буржуа. Данную работу часто цитируют не только искусствоведы-аналитики, но и те авторы, которые сосредоточены на критике антигуманной сущности современной технизированной цивилизации.
Вторая из упомянутых иллюстраций (см. рис. 32) стилистически близка к предыдущему примеру. Это обложка выходившего в 1920-х годах в Великобритании журнала The Enemy, в котором публиковались также и материалы социально-критической направленности (1927, художник В.Льюис).
Эту подборку можно было бы пополнить материалами того же времени, однако, по-видимому, более полезно привести те примеры, которые позволят проиллюстрировать идею о примитивистских истоках процитированных работ.
На рис. 33 представлена работа все того же Льюиса, созданная им в 1915 году, то есть в самый разгар Первой мировой войны. Не будем углубляться здесь в анализ экспрессионистских и примитивистских начал в творчестве этого художника, поскольку нами эта его работа была использована и как иллюстрация того генезиса, который претерпело его творчество к 1927 году.
Следующие два примера комбинированные. В первый из них (рис. 34) вошли две графические работы, по-своему дополняющие друг друга и созданные в 1921 году в Германии.
Для первого фрагмента использована цитата из немецкого журнала Das Plakat (художник В.Кампман), а во втором фигурирует один из вариантов обложки этого издания (художник В.Шмакенберг). Интерес в данном случае представляют состоящие фактически из прямых линий геометризованные готические стилизации и вся композиция первого фрагмента, вместе с тем стоит обратить внимание на фигурирующие в правой части рисунка образцы жесткой, экспрессивной текстовой графики.
В графическом отношении наиболее выигрышным является первый фрагмент второго из заявленных примеров (рис. 35). На нем представлена оформленная русским художником М.Ларионовым обложка журнала «Жар-птица», выходившего в 20-е годы в Париже. Правый фрагмент рисунка, несмотря на примитивистскую стилистику задника, оформлен более традиционно, о чем может свидетельствовать центрированный, симметрично расположенный текст с его жестко геометризованным готическим рисунком.
Следующие две иллюстрации, завершающие раздел (рис. 36 и 37), могут рассматриваться в качестве образцов развития примитивистских подходов, своеобразным образом преломленных в функционалистской художественной практике конца 1920-х годов.
Оба этих созданных в 1928 году примера в методическом отношении весьма значимы, а их отчетливая примитивистская рукотворность придает данным рекламным плакатам характер креативного эксклюзива. Более того, обе эти рекламные работы могут служить даже в качестве тематических пособий, которые могут быть привлечены для решения конкретных дизайнерских задач и в нынешнее время. Именно поэтому, несмотря на их очевидное стилистическое сходство, они не объединялись в одну иллюстрацию. К сожалению, в нынешней российской дизайнерской практике такие методики применяются редко.
Вместо заключения
В последующих публикациях по данной проблематике можно будет ознакомиться с конкретными реальными образцами шрифтового материала, которые предполагается подобрать так, чтобы они не пересекались с каталогами фирмы «ПараТайп». Ну а что до функционалистского наследия, то оно живет и развивается по своим законам в новом времени и в новом качестве, чему, в частности, каждый видевший олимпийский стадион «Птичье гнездо» был свидетелем…
КомпьюАрт 9’2008
Топ шрифтов 2020. Часть 2
В этой серии статей мы раскроем топ шрифтов 2020 года, которые будут полезны всем, от дизайнеров до блогеров.
Шрифт Edirne Cyrillic1.Edirne Cyrillic.
Кириллизация бесплатного шрифта Edirne созданным Iordanis Passas. Edirne – это бесплатный мощный шрифт для заголовков. Скачивайте и используйте в своих проектах. Шрифт Edirne с кириллицей бесплатен для личного и коммерческого использования.
Поддержка кириллицы: Да
Скачать
Шрифт Cramaten
2. Cramaten.
Краматен — бесплатный узкий шрифт с поддержкой нескольких языков.
Поддержка кириллицы: Да
Скачать
Шрифт Quicky
3. Quicky.
Веселый и бесплатный шрифт для личного использования.
Поддержка кириллицы: Да
Скачать
Шрифт Marmo
4. Marmo.
Бесплатный угловатый шрифт в 5 начертаниях.
Поддержка кириллицы: Нет
Скачать
Шрифт Impossible
5. Impossible.
Легкий и очаровательный бесплатный рукописный шрифт от Ghuroba Studio. Этот шрифт включает в себя 2 стиля: обычный и курсив. Impossible идеально подходит для логотипов и брендинга, фотографий, приглашений, водяных знаков, рекламы, дизайна продукции, канцелярских товаров, этикеток, упаковки, специальных мероприятий или всего, что требует ручной работы.
Поддержка кириллицы: Нет
Скачать
Шрифт Inlanders
6. Inlanders.
Шрифт Inlanders отлично передает движение, делая его абсолютно динамичным шрифтом без засечек.
Поддержка кириллицы: Нет
Скачать
Шрифт Belepotan
7. Belepotan.
Бесплатный рукописный шрифт имитирующий кисть. Доступен в обычном и курсивном начертании. Можно использовать для личных или коммерческих проектов.
Поддержка кириллицы: Нет
Скачать
Шрифт Nim
8. Nim.
Шрифт с засечками, подходящий для дизайна постеров, логотипов и упаковки. Бесплатный для личного и коммерческого использования.
Поддержка кириллицы: Нет
Скачать
Шрифт Cattoms cute
9. Cattoms cute.
Хендмейд шрифт позволяет быстро и легко создавать потрясающие рукописные надписи. Идеально подходит для логотипов, рукописных цитат, упаковки продуктов, заголовков, плакатов, товаров, социальных сетей, поздравительных открыток и многого другого.
Поддержка кириллицы: Нет
Скачать
Шрифт ForwardAd
10. ForwardAd.
Декоративный бесплатный шрифт с поддержкой кириллицы. Часто используется в соц сетях.
Поддержка кириллицы: Да
Скачать
Готический шрифт — это… Что такое Готический шрифт?
- Готический шрифт
Латинская Библия, 1407, Англия
Готи́ческое письмо́ — семейство почерков латинского письма эпохи средневековья. Возникло в XI веке, придя на смену каролингскому унциальному письму.
С начала книгопечатания появились наборные готические шрифты — знаменитая Библия Гутенберга была набрана вариантом текстуры.
Само название (от германского «варварского» народа готов, в действительности не имевшего никакого отношения к этому шрифту) было предложено в XV веке деятелями итальянского возрождения, считавшими такие шрифты «варварскими» и противопоставлявшими их древнеримской письменности.
С XVI века готическое письмо постепенно вытеснялось шрифтами на основе антиквы, близкими к современным; дольше всего (до 1918 и отчасти до 1945) готический шрифт сохранялся в Германии и в Латвии (латышский язык официально был переведён с готического шрифта на антикву в 1926 году, а немецкие издания в Латвии и Эстонии продолжали печататься готическим шрифтом и после этого). Сейчас готические шрифты используются в декоративных целях, а также для некоторых математических обозначений.
Общий вид готических символов определяется использованием в качестве пишущих приборов гусиных перьев, обрезанных по диагонали. Пишущая кромка в большинстве случае располагается под углом 45° к базовой линии строки. Буквы расположены очень плотно, и ширина штрихов близка к ширине межштриховых промежутков — это объясняется необходимостью экономии дорогостоящего пергамента (отсюда английское название готического письма — Blackletter). Широко используются лигатуры и сокращения.
Готические шрифты
Основные разновидности готического письма:
- Текстура (нем. Textur, лат. Textualis) — острое письмо;
- Фрактура (нем. Fraktur) — острое письмо с ломаными очертаниями;
- Швабахер (нем. Schwabacher), или бастарда — ломаное письмо с округлёнными очертаниями некоторых букв;
- Ротунда или круглоготическое (итал. Rotunda, нем. Rundgotisch) — переходный вид письма от готического к антикве.
Ссылки
Wikimedia Foundation. 2010.
- Готический стиль
- Готландский диалект
Смотреть что такое «Готический шрифт» в других словарях:
ГОТИЧЕСКИЙ ШРИФТ — буквы, похожие своим рисунком на вычурный почерк средних веков; немецкий остроконечный шрифт. Полный словарь иностранных слов, вошедших в употребление в русском языке. Попов М., 1907. готический шрифт типографский латинский угловатый шрифт, в… … Словарь иностранных слов русского языка
Готический шрифт — (от фр. gothique название германского племени готтов) старинный шрифт с угловатыми остроконечными очертаниями, ранее применявшийся в странах Западной Европы, особенно широко распространенный в Германии и вытесненный впоследствии антиквой.… … Реклама и полиграфия
Готический шрифт — один из шрифтов на латинской графической основе с угловатыми ломаными контурами. Его разновидностью является фрактура. Употребленные в мат. формулах и тексте в качестве символов буквы Г. ш. в изд. оригинале требуется либо вписать синими чернилами … Издательский словарь-справочник
готический — I. шрифт немецкий угловатый шрифт, в отличие от антиквы – латинского округлого шрифта (см. также фрактура 2) II. стиль [Словарь иностранных слов русского языка
ГОТИЧЕСКИЙ — ГОТИЧЕСКИЙ, готическая, готическое (иск.). прил. к готика; в стиле готики. Готическое искусство. Готический храм. ❖ Готический шрифт особый шрифт, отличающийся угловатостью букв, применяемый в Германии и в некоторых других странах. Толковый… … Толковый словарь Ушакова
Готический — собор в Кутансе, Франция Готика период в развитии средневекового искусства, охватывавший почти все области материальной культуры и развивавшийся на территории Западной, Центральной и отчасти Восточной Европы с XII по XV век. Готика пришла на… … Википедия
Готический стиль — Готический собор в Кутансе, Франция Готика период в развитии средневекового искусства, охватывавший почти все области материальной культуры и развивавшийся на территории Западной, Центральной и отчасти Восточной Европы с XII по XV век. Готика… … Википедия
Готический стиль (архитектура) — Готический собор в Кутансе, Франция Готика период в развитии средневекового искусства, охватывавший почти все области материальной культуры и развивавшийся на территории Западной, Центральной и отчасти Восточной Европы с XII по XV век. Готика… … Википедия
Готический стиль в архитектуре — Готический собор в Кутансе, Франция Готика период в развитии средневекового искусства, охватывавший почти все области материальной культуры и развивавшийся на территории Западной, Центральной и отчасти Восточной Европы с XII по XV век. Готика… … Википедия
ГОТИЧЕСКИЙ СТИЛЬ — (по им. древне германского народа готов). Своеобразный архитектурный стиль, отличием которого являются стрельчатые своды и остроконечные, легкие, резные, смело уходящие вверх башни; возник во Франции, но готическим презрительно назвали его… … Словарь иностранных слов русского языка
Устранение неполадок со шрифтами в Adobe Photoshop
Рекомендации. Убедитесь, что у вас есть только одна версия каждого шрифта, расположенная только в одной из следующих папок со шрифтами:
- /Users/[имя пользователя]/Library/Fonts
- /Library/Fonts
Для тестирования изолируйте проблемные шрифты, создав две папки на рабочем столе, одну с названием fonttest и другую с названием goodfonts.
Шрифты для проверки ищите в этих папках. Выполните проверку для всех следующих папок, содержащих шрифты:
- /Users/[имя пользователя]/Library/Fonts
- /Library/Fonts
- /[сетевой диск]/Library/Fonts
Для проверки наличия поврежденных шрифтов поместите половину шрифтов в папку Library/Fonts, а другую половину в папку fonttest и проведите проверку.
- Если проблема возникает снова, значит, поврежденный шрифт все еще находится в папке Fonts и отсутствует в папке fonttest. Переместите шрифты из папки fonttest в папку goodfonts.
- Если проблема не возникает снова, значит, поврежденный шрифт находится в папке fonttest. Переместите шрифты из папки официальных шрифтов в папку goodfont. Переместите половину шрифтов обратно в папку официальных шрифтов для следующего этапа проверки.
- Продолжайте проверку оставшейся половины шрифтов и перемещайте нормально работающие шрифты в папку goodfonts.
- Когда вы определите шрифт, вызывающий проблему, удалите его из папки официальных шрифтов. Переместите все шрифты из папки goodfonts обратно в соответствующую папку официальных шрифтов, для которых проводилась проверка. Выполните такую проверку для всех папок, содержащих официальные шрифты.
Важно! Если та же проблема возникает после удаления шрифта, значит, есть аналогичная неполадка с одним или несколькими шрифтами. Продолжайте эти действия до тех пор, пока не будут удалены все поврежденные шрифты.
Топ-21 актуальных в 2021 году шрифтов для сайта
Новый год не за горами, и каждому из нас хочется верить, что 2021 не будет чинить никаких преград для запуска новых проектов. Дизайнеры «Логомашины» делятся подборкой из 21 шрифта для сайта, которые будут актуальны в наступающем году.
Общие тренды шрифтов
Контент – король сайта, который нуждается в правильном оформлении, и шрифты в этом играют не последнюю роль.
Мировые бренды транслируют тенденции и все больше используют простые шрифты на своих онлайн-страницах. В 2021 году дизайнеры по всему миру продолжат стремиться к минимализму и будут использовать уже когда-то известные начертания, чтобы ничего не отвлекало пользователя от содержания: например, Helvetica, Montserrat или Manrope. Даже всеми нелюбимый Times New Roman в 2021 году неожиданно станет сносным.
Еще один яркий тренд наступающего года – широкие шрифты: с их помощью гораздо удобнее управлять вниманием зрителя, делая акценты на самых важных пунктах. Этот тренд зародился в ответ на использование тонких линий и изящных шрифтов без засечек.
Мы отобрали 21 бесплатный шрифт с доступной кириллицей, которые смело можно добавить в «избранные» прямо сейчас.
##READMORE_BLOCK_60162##Гротескные шрифты без засечек
Они универсальны и могут использоваться в любом разделе сайта.
- Montserrat
Гладкий шрифт без засечек, который специально создан для использования в интернете. В свое время на его создание авторов вдохновили старые плакаты и вывески в районе Montserrat Буэнос-Айреса.
- Manrope
Шрифт без засечек от Pixel Surplus, разработанный в 2018 году. Он хорошо читается как в верхнем, так и в нижнем регистре.
- Roboto
Шрифт разработан внутри компании Google дизайнером интерфейсов Кристианом Робертсоном (Christian Robertson). Используется по умолчанию в Google+, Google Play, YouTube и других сервисах компании.
- Helvetica
Классика гротеска, которая не потеряет актуальности ни в 2021, ни 2025 году. Этот шрифт используется в логотипах компаний Lufthansa, Jeep, WhatsApp.
- Akzidenz Grotesk
На рынке он появился еще в 1896 году, но никогда терял не актуальности: именно он задал направление, в котором появились современные экранные шрифты.
- Right Grotesk
Обладает множеством мелких деталей, плавными изгибами, умеренным контрастом и слегка необычной анатомией. Шрифт может быть как громким главным героем, так и скромным актером второго плана.
- Stolzl
Шрифт построен на комбинации контрастных форм, которая создает эффект напористости.
- MADE Evolve Sans
Это футуристичный тонкий шрифт в двух вариантах: один декоративный, а другой подойдет для основного текста.
- Druk
Шрифт намеренно спроектирован со странной шириной, ведь главная черта Druk – выразительность.
- Dx Rigraf
Разрабатывался как вариативный шрифт, который может использоваться как в заголовке лендинга, так и в основном тексте раздела «О компании».
##READMORE_BLOCK_92204##Антиква
Это шрифты с засечками. Они выразительны и могут точно передать настроение.
- Playfair
Высококонтрастный шрифт с засечками, который напоминает шрифты конца XVIII века. Изначально создавался для заголовков, но разнообразие начертаний дает возможность набирать и небольшие тексты.
- Relaate 0.7
Яркий декоративный шрифт с необычными пропорциями, который хорошо будет смотреться в заголовках.
- Monesta
Создает ощущение мягкости и утонченности. Разработчики сделали упор на удобстве использования и выразительности.
- Yeseva One
Автор шрифта – Джованни Лимонад – посвятил Yeseva One своей жене. Шрифт получился очень выразительным, на грани с декоративностью.
- Literata
Шрифт с засечками, который выполнен в виде старинной антиквы. Подходит как для основного текста, так и для заголовков.
Декоративные шрифты
Подойдут для заголовков и других текстов, на которые нужно поставить акцент.
- G Display
Современный геометрический шрифт с угловатыми элементами. Довольно необычный: подойдет не под каждый проект.
- Stravinsky TRIAL
Шрифту удалось соединить сильный вертикальный контраст шрифтов XVIII века и прямые углы с формами современных гротесков.
- Angry
Угловатый шрифт с необычными пропорциями. Наклонные линии создают динамику и подчеркивают уникальность.
- Blackest
Этот шрифт создан на основе более классического варианта. Обратный контраст добавляет причудливости и оригинальности.
- Kharkiv Tone Regular
Концептуальный шрифт для бренда города Харьков. Дизайнер соединила архитектуру города и уличную культуру граффити.
- Neue Machina
Сильный геометрический шрифт, вдохновленный эстетикой робототехники и машин прошлого.
Тренды дизайна были и остаются весьма противоречивыми: появляется один тренд, и параллельно с ним модным становится его противоположность. Именно поэтому и в подборке шрифтов на 2021 классические гротескные шрифты соседствуют с яркой антиквой и акцидентными шрифтами.
Важно помнить, что, какими бы модными ни были те или иные шрифты, сначала необходимо думать об особенностях аудитории, которая будет заходить на ваш сайт. Мы желаем вам в 2021 году, чтобы забота о пользователях всегда была хотя бы на долю процента выше желания следовать трендам.
##READMORE_BLOCK_89968##37 замечательных примеров сочетаний шрифтов в 2019 году
Одним из наиболее эффективных способов общения и передачи вашей идеи является объединение дизайнов с красивыми шрифтами. Мы придумали 37 лучших пар шрифтов, которые вы можете использовать в самых разных проектах.
Шрифты и пары шрифтов являются одной из наиболее важных частей дизайна. Они позволяют создавать широкий спектр эффектов и настроений, при помощи различных стилей типографики.
Выбор правильной комбинации шрифтов для ваших проектов может иметь огромное значение. Вы сможете создавать красивые и привлекательные дизайны вместо скучных и безжизненных.
Итак, какие шрифты хорошо выглядят и отлично сочетаются? Читайте дальше что бы узнать!
Лучшие комбинации шрифтов
Goods
Suisse Works и Suisse International
Suisse Works – обеспечивает понятность информации, простоту и структуру. Это шрифт с засечками, созданный Party of Swiss Typefaces. Он входит в суперсемейство шрифтов Suisse. Своим стилем он похож на старый добрый Times New Roman.
Он будет идеально сочетаться с таким неогротескным шрифтом, как Suisse International. Дизайн данного шрифта похож по стилю на Helvetica и другие неогротескные шрифты.
Есть ряд незначительных различий, которые наиболее заметны в концевых элементах букв (Terminals) и стойках (Counters).
Suisse – это замечательное семейство шрифтов потому что, его шрифты гармонично сочетаются между собой.
Suisse Works
Цена – Приблизительно USD 161.59 или CHF 160
Suisse International Collection
Цена – Приблизительно USD302.99 или CHF300
Kinfolk
Domaine и Feijoa
Если вы хотите, чтобы ваш дизайн был самобытным, то это сочетание шрифтов идеально вам подойдет. Domaine – это тот тип типографики, которая может заставить даже самое худшее слово выглядеть хорошо.
Этот красивый шрифт имеет органические и в то же время точно контролируемые формы с рваными засечками, дополняющими его натуралистичный внешний вид
Он обладает элегантностью, которая лучше всего будет сочетаться с гарнитурой Feijoa, имеющей сходные черты с латинским шрифтом с засечками. У него нет прямых линий, что обеспечивает чувственный и теплый контраст с Domaine.
Этот функциональный шрифт также имеет закругленные углы и изогнутые прямые, которые придадут вашему дизайну потрясающее каллиграфическое качество.
Извилистая натура Feijoa идеально контрастирует со стилем Domaine.
Domaine
Цена – USD300 (Семейство) USD1,000 (Полностью)
Feijoa
Цена – USD150 (Семейство)
Useless
Suisse Work и Andale Mono
Эта комбинация шрифтов представляет собой красивый контраст классического и современного, который прекрасно сочетается с любым современным дизайном.
Andale Mono – моноширинный шрифт без засечек, созданный в 1995 году Стивом Маттесоном. Его цель – предоставить максимальную читабельность.
Он используется в Microsoft Windows в качестве одного из основных шрифтов, но теперь поставляется в комплекте с Lucinda Console.
Оба шрифта вызывают ощущение простоты и хорошо работают с текстом. Несмотря на то, что Andale Mono хорошо читается даже при небольших размерах, Suisse Works очень эффективен при больших размерах текста для ваших заголовков.
Andale Mono
Цена – USD89
Creative Boom
GTF Opposit и GT Walsheim
Сочетание шрифтов GTF Opposit и GT Walsheim хорошо подходит для билбордов, постеров и рекламных кампаний, когда вы хотите произвести впечатление с первого взгляда.
Opposit лучше всего подходит для передачи сильных сообщений, если вы хотите, чтобы много людей обратили на них внимание. Этот высококонтрастный шрифт без засечек выделяется на фоне обычных шрифтов, таких как GT-Walsheim.
Противоположный контраст с более толстыми горизонтальными штрихами и более тонкими вертикальными штрихами уравновешивается интересными характеристиками геометрического шрифта GT-Walsheim.
GT Opposit
Цена – Приблизительно USD385 или EU350
GT Walsheim
Цена – USD1080 (Pro-Семейство) или USD720 (Семейство)
WePresent
Fakt Pro Normal и ITC Clearface
Эта пара шрифтов придаст вашему дизайну неповторимый оттенок в сочетании с ощущением 70-х годов. Fakt поставляется с геометрическими и гротескными символами, делающими шрифт несколько необычным. Вы также можете переключаться между этими стилями, поскольку можете их купить, как альтернативы.
С другой стороны, ITC Clearface – это шрифт с засечками с характерными символами, которые отражают дух времени.
Fakt
Цена – Приблизительно USD1,541 или EU1,400 (Суперсемейство)
ITC Clearface
Цена – USD35 (Отдельные стили)
Dogstudio
GT Sectra Display и Heebo
GT Sectra и Heebo – прекрасный пример сочетания шрифтов с засечками и без засечек. GT Sectra – угловатый шрифт с засечками сочетает в себе каллиграфическую природу широкого пера с остротой скальпеля, что определяет его современную привлекательность.
С другой стороны, Heebo хорошо читается на веб-страницах и обладает энергетикой доступности.
Пропорции букв GT Sectra соответствуют классическим шрифтам с засечками таким, как Heebo. Сочетание уникального визуального стиля, высокой разборчивости и легкости чтения делает такую комбинацию шрифтов идеальной для профессионального дизайна.
GT Sectra
Цена – USD1350 (Все семейство)
Heebo
Цена – Бесплатно
Brandland
Sharp Sans Display No.1 и Morion
Комбинация шрифтов Sharp Sans Display No.1 и Morion – это идеальное сочетание авангардизма и игривости.
Геометрический Sharp Sans Display No. 1 – это инновационный шрифт без засечек с системой лигатур. Он также имеет чрезвычайно разборчивый интервал и настоящий курсив, который является восхитительным приемом в его жанре.
И наоборот, у Morion есть немного забавный, каллиграфический стиль, но он все еще сохраняет контроль и баланс. Хорошо подходит для декоративных целей.
Тем не менее, он содержит функции open type, такие как «a» в нижнем регистре, которая повышает читаемость текста небольшого размера.
Комбинация этих двух стилистических элементов шрифтов Sharp Sans Display No. 1 и Morion обеспечивает привлекательный дизайн, способный привлечь внимание пользователей.
Sharp Sans Display No.1
Цена – USD350 (Все стили)
Morion
Цена – USD45 (Семейство)
Nettle Wellness
ITC Ronda и Calibre Regular
Пара шрифтов ITC Ronda и Caliber Regular – это классная комбинация геометрических шрифтов. Она придаст вашим дизайнам понятность и современность.
Это идеальная типографика, если вы стремитесь к минималистическому стилю с множеством пробелов.
Впервые мы увидели геометрические формы Ronda в 1970 году, а геометрический неогротеск Calibre в 1958 году. Ronda представляет современный, чистый внешний вид во всех приложениях.
Формы заглавных букв B, P и R являются его отличительными качествами, в то время как у Caliber очень уникальная буква A. Поначалу вам это может не понравиться, но наверняка, со временем вы поменяете свое мнение.
ITC Ronda
Цена – USD35 (Отдельные стили)
Calibre
Цена – USD350 (Семейство)
Canide
Chap и Moderat
Пара шрифтов Chap и Moderat – это ремикс старого и нового. Вам понравится плавность, которую предлагает эта комбинация. Chap обладает классическим стилем перьевой ручки в сочетании с геометрической атмосферой 90-х. Он имеет нарисованные пером формы, напоминающие современные цифровые пресеты под углом 90 градусов.
В то же время геометрический шрифт Moderat относится к семейству шрифтов без засечек и дополнен набором функций Open type. Его набор довольно приятных стилистических альтернатив и умеренно узких апертур гармонично сочетаются с острыми углами и высокой контрастностью штрихов Chap.
Кроме того, читабельность шрифта Chap будет легко сочетаться с современными геометрическими рублеными шрифтами.
Chap
Цена – Приблизительно USD468 или EU425 (Семейство)
Moderat
Цена – Приблизительно USD418.40 или EU380 (Web)
Labud
URW Classico и Monument Grotesk
URW Classico является ремейком URW ++ под влиянием популярного шрифта Optima без засечек от Германа Цапфа. Благодаря исправлениям оригинала и множеству дополнительных глифов он стал еще более совершенным, как для заголовков, так и для основного текста.
Classico лучше всего сочетается с любым представителем гротескного семейства шрифтов, например, Monument Grotesk. Этот качественный и мощный шрифт обладает универсальностью и отлично контрастирует с Classico.
Вы можете легко использовать эту комбинацию шрифтов в своих проектах, чтобы добиться уникального и выдающегося стиля, в том числе для дизайна книг и смелых редакционных заявлений.
URW Classico
Цена – Бесплатно
Monument Grotesk
Цена – Приблизительно USD356 или EU324 (Основа)
Sidesupply
GT Pressura Mono и GT America Standard
GT Pressura Mono черпает вдохновение в упаковочных коробках, края и углы которых соответствуют цвету. С другой стороны, GT America устраняет разрыв между европейским гротеском и американской готикой. Оба шрифта доступны через Grilli Type.
Гротескный дизайн GT Pressura Mono использует в качестве стилистического средства визуальный эффект растекающихся под давлением чернил.
Шрифты без засечек с их мягкими гранями и закругленными углами хорошо сочетаются с универсальностью GT America, которая представляет собой комбинацию дизайн-характеристик традиционных шрифтов для создания современного семейства шрифтов.
GT Pressura
Цена – USD630
GT America Standard
Цена – USD945 (Все семейство)
The New Yorker
NY Irvin и Adobe Caslon
Adobe Caslon радует нас с 1722 года. Этот шрифт с засечками использовался в начале 18 века во времена Британской империи.
С тех пор он прошел несколько ревизий и редизайнов, чтобы соответствовать изменениям в технологии. Сегодня он остается одним из стандартов типографики.
NY Irvin – это шрифт, отлично сочетающийся с Adobe Caslon, который был создан специально для New York Times. Вместе эти шрифты создают уникальную комбинацию, которая заставит вас ощутить эпоху Возрождения.
Тем не менее, оба они универсальны, и вы можете использовать их в различных дизайнерских проектах, включая плакаты и документы.
Adobe Caslon
Цена – Бесплатно
NY Irvin
Цена – USD55 (Отдельные стили)
Pattern Brands
Mackinac и Cadiz Regular
Эта пара шрифтов привнесет в ваш дизайн элегантность и функциональность. Cadiz – это компактный шрифт, который содержит множество ранних деталей шрифтов начала 20-го века. В сочетании с Mackinac он добавляет разборчивость, соединяя Новый Свет со Старым.
Cadiz источает простоту и изящество, в то время, как Mackinac отличается скромным контрастом. Это одна из тех комбинаций шрифтов, которую вы захотите использовать для дизайна упаковки, публикаций, рекламы и вывесок.
Cadiz
Цена – Приблизительно USD280 или CHF277
Mackinac
Цена – Бесплатно
Blackformat
Poppins и Georgia
Комбинация шрифтов Poppins and Georgia идеально подходит, если вы хотите получить хороший минималистичный дизайн.
Хотя Georgia может не входить в список ваших любимых шрифтов, вы не можете отрицать ее универсальность и то, насколько хорошо она подходит для отображения текста на экранах. Этот шрифт с засечками немного формален, но останется заметным независимо от размера вашего экрана.
Интимная и дружелюбная типографская индивидуальность Georgia хорошо сочетается с геометрической формой Poppins. Он обладает идеальным интервалом между символами и высотой, и отлично подойдет, как для основного текста, так и для заголовка.
Почти монолинейные орнаментированные заглавные буквы Poppins хорошо дополняют современную привлекательность и красоту Старого Света в Georgia.
Poppins
Цена – Бесплатно
Georgia
Цена – Бесплатно
Rakish
Brandon Text и Austin
Brandon Text и Austin – еще один хороший пример пары шрифтов с засечками и без засечек.
Brandon Text черпает вдохновение из хорошо известных шрифтов без засечек геометрического типа 20-х и 30-х годов прошлого столетия, но обладает лучшей читабельностью.
Вы можете сразу не обратить на него внимание, как и большинство читателей, поскольку он не обладает характеристиками, присущими его популярной семье Brandon Grotesque. Он имеет большую x-высоту, а также оптимизирован для экранов, небольших и длинных текстов.
Austin, с другой стороны, более новый шрифт, вдохновленный работами Ричарда Остина – дизайнера типографики 18-го века.
Когда его несколько сжатые формы букв и высококонтрастный стиль сочетаются с тонким очарованием Brandon Text, вы получаете четкий и читабельный дизайн.
Brandon Text
Цена – USD40 (Отдельные стили)
Austin
Цена – USD350
Elena Miska
SCTO Grotesk A и Ivar
Если вы хотите придать своим проектам уверенность и приветственный характер, тогда SCTO Grotesk A и Ivar – это сочетание шрифтов для вас.
SCTO Grotesk A – один из самых рациональных и наименее причудливых шрифтов в стиле неогротеск. Он держится в стороне от упрощенных решений, но предпочитает удобные для чтения и анимирования формы.
Его компаньон Ivar может оказать большое влияние на ваш дизайн. Шрифт имеет прочную конструкцию и изящество, похожее на Times, и сегодня может сравниться с другими надежными типографиками.
Без сомнения, эта комбинация шрифтов может обеспечить ваш дизайн четкой и прочной основой.
SCTO Grotesk A
Цена – Приблизительно USD468 или EU425 (Семейство)
Ivar
Цена – Приблизительно USD219 или EU199 (За все)
Cita
Bluu Next и Roboto
Если вы хотите добавить в дизайн пару современных и нонконформистских шрифтов, используйте комбинацию Bluu Next и Roboto. Эти шрифты предлагают различные стили и удивительные детали, которые не останутся незамеченными.
Кроме того, вы получите более естественное чтение в сочетании с современной атмосферой.
Bluu Next – это шрифт с засечками. Он точный и четкий, и считается идеальным для бруталистских дизайнов.
Это отличный выбор для замены таких скучных шрифтов с засечками, как Times. Открытые и дружелюбные изгибы Roboto очень хорошо дополнят его характеристики.
Roboto имеет двойную природу и это не ставит под угрозу его гротескные буквы, заставляя их двигаться в неизменном ритме, что позволяет ему сохранять естественную ширину.
Bluu Next
Цена – Бесплатно
Roboto
Цена – Бесплатно
IJPowell
Bluu Suuperstar и Neue Haas Unica
Что выделяет бруталистический шрифт Bluu Suuperstar, так это его выдающиеся треугольные клинья. Штрихи этого шрифта с засечками были частично сломаны. Его тяжелый стиль лучше всего подходит для заголовков.
В паре с Neue Haas Unica он доказывает, что для того, чтобы дизайн был потрясающим вам не нужно, чтобы каждый его элемент обладал подобными характеристиками.
Neue Haas Unica – это возрождение Haas Unica и переосмысление классического шрифта Helvetica, сделанного разборчивым при небольших размерах текста. Этот неогротесный шрифт без засечек с небольшим свободным интервалом и более узкими буквами, сильно контрастирует со своей яркой парой.
Bluu Suuperstar
Цена – Бесплатно
Neue Haas Unica
Цена – От USD49 (Отдельные стили)
Blume
Value Serif и Apercu
Пара шрифтов Value Serif и Apercu – это прекрасное сочетание современных минималистических композиций, усиливающих элементы ваших проектов.
Value Serif имеет отличительную канавку в некоторых буквах. Он отдает дань уважения своим предкам Italian Old Style и Plantin Infant. Он дополнен овальными формами Apercu, который любит сочетаться с геометрическими шрифтами и яркими цветами, даже если ваш дизайн выполнен в приглушенном, не броском стиле.
Вы сможете придумывать привлекательные дизайны, выражающие непринужденную и понятную идею, которая может привлечь внимание читателей.
Value Serif
Цена – Приблизительно USD55 или EU50 (Отдельные стили)
Apercu
Цена – Приблизительно USD55 или EU50 (Отдельные стили)
Nomios
GT Sectra и IBM Plex Mono
Если вам нужна пара шрифтов с засечками в каллиграфическом стиле и с дружественным гротеском, GT Sectra и IBM Plex Mono обязательно должны быть в вашем списке.
GT Sectra имеет современный внешний вид, который определяется остротой скальпеля. Он очень разборчивый и имеет единственный в своем роде визуальный характер. Он также имеет компактные нижние выносные элементы и надстрочные знаки, что делает его отличным выбором, если у вас небольшие по высоте заголовки.
Его объединение с нейтральным IBM Plex Mono особенно полезно, если вы проектируете передовицу. Его гарнитура уравновешивает дизайн с инженерными деталями. Он имеет единую визуальную привлекательность, но в то же время сохраняет визуальное разнообразие символов.
GT Sectra
Цена – USD1350 (Все семейство)
Apercu
Цена – Бесплатно
Vertbase
Tiempos Headline и Roboto
Шрифт с засечками Tiempos Headline – идеаленый выбор, если вы хотите более привлекательный шрифт для простого основного текста. Дисплейная версия Tiempos Text отличается более узким интервалом, а также более высокой контрастностью, что позволяет создавать элегантные заголовки.
Простота и тонкость неогротескного шрифта без засечек Roboto невероятно хорошо сочетаются с Tiempos Headline. Соединение этих двух шрифтов позволяет вам делать заявления в своих проектах, не отвлекаясь от начального оформления.
Tiempos Headline
Цена – USD650 (Все семейство)
Abstract
Vesterbro и GT America Mono
Vesterbro – это тип шрифта, который дает ощущение хорошего поведения, смешанного с оптимизмом и легким оттенком игривости. Он обладает шармом, который подчеркивает еще более универсальный и функциональный GT America Mono.
Их комбинация на удивление хороша и свежа. У Vesterbro достаточно различий, спокойствия, уверенности и убедительной привлекательности, что довольно хорошо сочетается с ощущением швейцарского гротеска шрифта GT America Mono.
Эта комбинация шрифтов является идеальным выбором, если вы хотите, чтобы ваш дизайн определял эмоции. Это особенно полезно для сложных проектов брендинга и корпоративной идентичности, где требуются различные стили.
Vesterbro
Цена – USD595 (Все семейство)
GT America Mono
Цена – USD945 (Все семейство)
Adjuvant Capital
Orpheus Pro и GT America
Комбо Orpheus Pro и GT America – прекрасная смесь элегантности и современности. Это сочетание шрифтов – отличный способ внести изменения в ваш дизайн.
Причудливый, слегка современный шрифт с засечками Orpheus Pro и современный шрифт без засечек GT America – поистине современный вариант, который отлично подходит для передачи идеи вашего проекта.
Orpheus Pro поставляется с плавным курсивным стилем, который красив и имеет каллиграфический вид. Это особенно заметно в его альтернативных, символах с росчерками и декоративных лигатурах.
Этот шрифт отличается красивым, плавным курсивом, который приобретает каллиграфический характер, особенно в огромной коллекции декоративных лигатур, альтернативных символов и символов с росчерками.
GT America, с другой стороны, является универсальным готическим шрифтом. В целом, подобное типографическое сочетание – это музыка для глаз.
Orpheus Pro
Цена – USD249.95
Faculty Department
Tiempos Headline и Neue Haas Unica
Tiempos Headline имеет более традиционную форму, в то время как Neue Haas Unica уникален и элегантен, и может сочетаться с большим количеством разнообразных шрифтов. Эти характеристики делают эту пару шрифтов классическим вариантом.
Простой текст и тонкие линии Neue Haas Unica являются идеальным сочетанием для небольших интервалов и высокой контрастности Tiempos Headline.
Вы можете использовать их в консервативных отраслях или корпоративном дизайне, которые требуют традиционных комбинаций шрифтов, но не лишенных уникальности. Пара из шрифта с засечками и шрифта без засечек достаточно профессиональна, но при этом интересна, чтобы ваш традиционный дизайн не выглядел скучно.
Camdales
Canela и Adieu
Шрифт Canela – это новый взгляд на исторические формы. Он имеет расклешенные окончания штрихов, создатели которых черпали вдохновение из резьбы по камню. Четкость его формы является желанным балансом высокой контрастности и широких пропорций Adieu.
Динамичность этой пары шрифтов возможно не станет вашей стандартной комбинацией, поскольку ритм и формы могут не совпадать с вашим представлением о них. Тем не менее, они дают дизайну определенную уникальность.
Canela
Цена – USD800
Adieu
Цена – Приблизительно USD495 или EU450 (Все семейство)
Openhouse Magazine
Sneak и EB Garamond
Слияние современного шрифта без засечек с традиционным шрифтом с засечками – это эффективный способ сочетания шрифтов. Хорошим примером такого сочетания, служит пара шрифтов Sneak и EB Garamond.
Sneak – это неогротескный шрифт без засечек, у которого перевернуты некоторые символы. Утяжеленная в верхней части буква S имеет необычный стиль, благодаря которому выглядит, как перевернутая. Четкость шрифта делает его идеальным для большого текста или заголовков.
Его сочетание с классическим EB Garamond придаст вашему дизайну потрясающее ощущение баланса.
Стабильность и авторитет EB Garamond, а также простота Sneak создают привлекательную и универсальную комбинацию, которую вы можете использовать в социальных сетях для постеров.
Sneak
Цена – Приблизительно USD385 или EU350 (Все семейство)
EB Garamond
Цена – Бесплатно
Haus
Roslindale и GT America
Roslindale – это захватывающий шрифт, который сразу же привлечет ваше внимание разнообразием размеров. Этот шрифт с засечками походит на сжатые заголовки с традиционным викторианским оттенком, но обладает высоким контрастом и стройностью.
Вы никогда не ошибетесь, сочетая современную элегантную версию этого исторического шрифта в старинном стиле с утонченностью и универсальностью GT America. Вы достигнете сочетания контраста, напряжения и текстуры, сохраняя динамичный и контролируемый дизайн.
Roslindale
Цена – Бесплатно
Cirrus
Canela и Univers
Canela – это надежный шрифт, который занимает промежуточное положение между шрифтами с засечками и без засечек. Он бросает вызов традиционным классификациям и обладает как острыми, так и мягкими формами. Это современный шрифт с утонченными классическими корнями прекрасно сочетается с неогротескным шрифтом без засечек Univers.
Гибкость и нейтральность Univers уравновешивают уникальность Canela и привнесут в ваш дизайн ощущение тепла и надежности.
Univers
Цена – USD35 (Отдельные стили)
California Calling
Larish Neue и Work Sans
Шрифт с засечками Larish Neue прошел через несколько обновлений, чтобы обрести современный вид. Возможно, он не такой причудливый, как Larish Alte, но он предлагает много уникальных букв.
Его сочетание с бесплатным шрифтом Work Sans позволит создавать впечатляющие дизайны. Он оптимизирован и упрощен как для цифровой, так и для печатной продукции, что делает его довольно популярным в наши дни, поэтому мы наверняка не раз встретим его в Интернете.
Larish Neue
Цена – Приблизительно USD99 или EU90 (Отдельные стили)
Work Sans
Цена – Бесплатно
Feather
Value Serif и Futura PT
Это сочетание шрифтов создает такие интересные элементы благодаря отличительным и необычным конструктивным особенностям Value Serif, а также обыденности Futura PT.
Futura PT – это геометрический шрифт без засечек, который придает Value Serif ощущение современности.
С другой стороны, Value Serif добавляет сложность и загадочность к простоте этого геометрического шрифта. Ваш дизайн всегда будет выглядеть современно, но при этом сохранит уникальность
Futura PT
Цена – Бесплатно
Experience
HK Grotesk и Leitura News
Рубленный шрифт HK Grotesk, вдохновленный классическими гротескными шрифтами, универсален. Вы можете использовать его в самых разных дизайнах и проектах, не докучая читателям.
Его отличительный характер делает его подходящим для мелкого текста и для сочетания с острым и четким шрифтом с засечками Leitura News.
Leitura News лучше всего использовать в передовицах. Это отличный набор инструментов для любого типографа. Он хорошо сочетается с минималистским HK Grotesk благодаря своей гармоничной последовательности и контрасту.
Лучшая особенность этой пары шрифтов заключается в том, что они не будут отвлекать читателей от контента.
HK Grotesk Pro
Цена – Бесплатно
Futura PT
Цена – USD26 (Отдельные стили)
Whispers & Giants
Signals и Giants (Кастомные шрифты)
Нет ничего лучше, чем иметь свой собственный набор шрифтов, настроенных под ваш бренд. Компания Whispers и Giants прошла по этому пути, и их усилия окупились.
Основным шрифтом гарнитуры является Signals. Они соединили его со шрифтом Giants, который является обновлением их шрифта с засечками. Эти гарнитуры обеспечивают отличное сочетание шрифтов, поскольку универсальность и адаптивность Signals может подчеркнуть красоту любого шрифта с засечками, которую мы обычно упускаем из виду. Они также смешали эту комбинацию с моноширинным шрифтом, который они назвали Giants.
Используемые здесь шрифты изготовлены на заказ, а это означает, что они еще не доступны для публичного использования. Вы можете связаться с сайтом напрямую для получения более подробной информации о них.
Cup of Couple
Perpetua Titling MT и ITC Franklin Gothic Std Book
Perpetua Titling MT – это вариант шрифта Perpetua с засечками, изначально предназначенный для использования в качестве монотипии.
На протяжении десятилетий он зарекомендовал себя как превосходный шрифт для контрастных заголовков, особенно со шрифтами без засечек, например, ITC Franklin Gothic Std Book.
Благодаря современному, четкому стилю и дизайн-характеристикам ITC Franklin Gothic Std Book вы получите современный дизайн, который выдержит испытание временем.
Perpetua Titling MT
Цена – Бесплатно
ITC Franklin Gothic STD Book
Цена – Бесплатно
Queensland Ballet
Domaine и Calibre
Эта пара шрифтов прекрасно подходит для сайтов. Ballet – это элегантная и красивая типографика.
Domaine – это красивый шрифт. Чтение текста, написанного этим шрифтов схоже с ощущениями от прогулки по красивому городу. Он имеет органические формы, которые тщательно контролируются, а эстетика усиливается с помощью небольших зубчатых засечек.
Calibre, с другой стороны, является отличным шрифтом, который разделяет несколько символов, даже если они были созданы одновременно. Он больше склоняется к неогротескности, что является гениальным ходом.
Domaine
Цена – USD300 (Семейство) USD1,000 (Все полностью)
Calibre
Цена – USD350 (Семейство)
Borsen Atelier
Tiempos Fine и Mabry
Сочетание шрифтов Tiempos Fine и Mabry выглядит модно и современно. Несмотря на то, что оба шрифта обладают сильной индивидуальностью, они не сталкиваются, а скорее прекрасно дополняют друг друга.
Mabry – это скромный шрифт, гибрид без засечек противоположный эстетике рациональных геометрических рубленых шрифтов. У этого причудливого шрифта есть контролируемые сглаженные кривые, которые очень хорошо сочетаются с резкими деталями и высоким контрастом Tiempos Fine.
Tiempos Fine
Цена – USD300 (Семейство)
Mabry
Цена – Приблизительно USD50 или EU55 (Отдельные стили)
One Medical
GT Super и Ginto Nord
GT Super и Ginto Nord – еще один превосходный пример сочетания шрифтов с засечками и без засечек.
Ginto Nord принадлежит к семейству шрифтов Ginto. Он выводит Ginto Normal на другой уровень, смешивая его структуру с более широкими пропорциями и ярко выраженными деталями. Он имеет, как прекрасные тончайшие линии, так и монолитные очень жирные формы.
С другой стороны, GT Super – это типографика в стиле 70-х годов. Она последовала по стопам Perpetua Super, Times Modern и Trooper Roman, но расширила их уникальные черты в одной последовательной типографике.
Вместе эти универсальные шрифты обеспечивают высокую разборчивость без ущерба для общей эстетики вашего дизайна.
GT Super
Цена – USD900 (Семейство)
Ginto Nord
Цена – Приблизительно USD446 или EU405 (Основная часть)
Dipsea
Canela и Basis Grotesque
Canela – это один из самых изящных шрифтов для отображения на экране. Он бросает вызов многим традиционным классам, его формы проводят тонкую грань между шрифтами с засечками и без засечек. Его черты представляют собой смесь острого и мягкого, а также современного и классического.
Тем временем, Basis Grotesque – это кастомная типографика компании Hotshoe, которая была расширена для коммерческого использования. Ее стиль вдохновлен ранними гротескными шрифтами. Тем не менее, он имеет достаточное количество завитков, чтобы казаться стройнее.
С его помощью вы сможете создавать современные дизайны с оттенком игривости, сохраняя при этом профессиональную атмосферу.
Basis Grotesque
Цена – Приблизительно USD55 или EU50 (Отдельные стили)
Вывод
Существует множество различных стилей, поэтому довольно сложно найти идеальные пары шрифтов, подходящие для вашего проекта. Существуют миллионы доступных типографик, и вам нужно тщательно продумать, какие из них комбинировать, поскольку не все шрифты хорошо смотрятся вместе.
К счастью, мы упростили вашу жизнь с помощью этого списка из 37 лучших пар шрифтов, чтобы вдохновить вас на следующий проект.
Топ-21 актуальных в 2021 году шрифтов для сайта
Новый год не за горами, и каждому из нас хочется верить, что 2021 не будет чинить никаких преград для запуска новых проектов. Дизайнеры «Логомашины» делятся подборкой из 21 шрифта для сайта, которые будут актуальны в наступающем году.
Общие тренды шрифтов
Контент – король сайта, который нуждается в правильном оформлении, и шрифты в этом играют не последнюю роль.
Мировые бренды транслируют тенденции и все больше используют простые шрифты на своих онлайн-страницах. В 2021 году дизайнеры по всему миру продолжат стремиться к минимализму и будут использовать уже когда-то известные начертания, чтобы ничего не отвлекало пользователя от содержания: например, Helvetica, Montserrat или Manrope. Даже всеми нелюбимый Times New Roman в 2021 году неожиданно станет сносным.
Еще один яркий тренд наступающего года – широкие шрифты: с их помощью гораздо удобнее управлять вниманием зрителя, делая акценты на самых важных пунктах. Этот тренд зародился в ответ на использование тонких линий и изящных шрифтов без засечек.
Мы отобрали 21 шрифт с доступной кириллицей, которые смело можно добавить в «избранные» прямо сейчас.
Актуальность шрифта зависит от простоты его использования, универсальности. Хороший актуальный шрифт должен иметь в себе символы, наиболее подходящие под классический стиль написания – то есть стиль, который наиболее узнаваем и легко считывается. Такие шрифты мы уже встречали, вы их и сами знаете неплохо, например, Helvetica или Georgia.
Применение стиля типографики зависит от тематики, отношения дизайна к конкретной ЦА, а также от технических ограничений. Если брать общий тренд и обратить внимание на то, какую типографику мы чаще встречаем, то могу сказать с уверенностью – это шрифты в стиле гротеск. Они встречаются практически на каждом сайте, повсюду в рекламе и на прочих носителях. Гротески являются рублеными шрифтами (без засечек). Кстати, этот стиль шрифта изначально был создан для заголовков и в качестве акцидентного стиля. Но сейчас он встречается повсеместно, и теперь у гротесков довольно много подтипов, которые применяются для различных целей.
Также стоит обратить внимание на стиль шрифтов антиква, который может очень выгодно выделяться на фоне гротесков. В дизайне в последнее время встречаются очень крутые начертания антиквы, они подчеркивают элегантность, стиль, уникальность бренда.
Советую подбирать шрифты, учитывая не столько тренды, сколько то направление, в котором они будут применяться, ценности или общий эмоциональный тон компании или паблика.
Гротескные шрифты без засечек
Они универсальны и могут использоваться в любом разделе сайта.
- Montserrat
Гладкий шрифт без засечек, который специально создан для использования в интернете. В свое время на его создание авторов вдохновили старые плакаты и вывески в районе Montserrat Буэнос-Айреса.
Категория: бесплатный.
- Manrope
Шрифт без засечек от Pixel Surplus, разработанный в 2018 году. Он хорошо читается как в верхнем, так и в нижнем регистре.
Категория: бесплатный.
- Roboto
Шрифт разработан внутри компании Google дизайнером интерфейсов Кристианом Робертсоном (Christian Robertson). Используется по умолчанию в Google+, Google Play, YouTube и других сервисах компании.
Категория: бесплатный.
- Helvetica
Классика гротеска, которая не потеряет актуальности ни в 2021, ни 2025 году. Этот шрифт используется в логотипах компаний Lufthansa, Jeep, WhatsApp.
Категория: платный.
- Akzidenz Grotesk
На рынке он появился еще в 1896 году, но никогда терял не актуальности: именно он задал направление, в котором появились современные экранные шрифты.
Категория: платный.
- Right Grotesk
Обладает множеством мелких деталей, плавными изгибами, умеренным контрастом и слегка необычной анатомией. Шрифт может быть как громким главным героем, так и скромным актером второго плана.
Категория: платный.
- Stolzl
Шрифт построен на комбинации контрастных форм, которая создает эффект напористости.
Категория: платный.
- MADE Evolve Sans
Это футуристичный тонкий шрифт в двух вариантах: один декоративный, а другой подойдет для основного текста.
Категория: платный для коммерческого использования, бесплатный для личного использования.
- Druk
Шрифт намеренно спроектирован со странной шириной, ведь главная черта Druk – выразительность.
Категория: платный.
- Dx Rigraf
Разрабатывался как вариативный шрифт, который может использоваться как в заголовке лендинга, так и в основном тексте раздела «О компании».
Категория: платный.
Антиква
Это шрифты с засечками. Они выразительны и могут точно передать настроение.
- Playfair
Высококонтрастный шрифт с засечками, который напоминает шрифты конца XVIII века. Изначально создавался для заголовков, но разнообразие начертаний дает возможность набирать и небольшие тексты.
Категория: бесплатный.
- Relaate 0.7
Яркий декоративный шрифт с необычными пропорциями, который хорошо будет смотреться в заголовках.
Категория: платный.
- Monesta
Создает ощущение мягкости и утонченности. Разработчики сделали упор на удобстве использования и выразительности.
Категория: платный.
- Yeseva One
Автор шрифта – Джованни Лимонад – посвятил Yeseva One своей жене. Шрифт получился очень выразительным, на грани с декоративностью.
Категория: бесплатный.
- Literata
Шрифт с засечками, который выполнен в виде старинной антиквы. Подходит как для основного текста, так и для заголовков.
Категория: бесплатный.
Декоративные шрифты
Подойдут для заголовков и других текстов, на которые нужно поставить акцент.
- G Display
Современный геометрический шрифт с угловатыми элементами. Довольно необычный: подойдет не под каждый проект.
Категория: бесплатный.
- Stravinsky TRIAL
Шрифту удалось соединить сильный вертикальный контраст шрифтов XVIII века и прямые углы с формами современных гротесков.
Категория: платный.
- Angry
Угловатый шрифт с необычными пропорциями. Наклонные линии создают динамику и подчеркивают уникальность.
Категория: бесплатный.
- Blackest
Этот шрифт создан на основе более классического варианта. Обратный контраст добавляет причудливости и оригинальности.
Категория: платный для коммерческого использования, бесплатный для личного использования.
- Kharkiv Tone Regular
Концептуальный шрифт для бренда города Харьков. Дизайнер соединила архитектуру города и уличную культуру граффити.
Категория: бесплатный.
Собственный шрифт стоит разработать в том случае, если у бренда появилась необходимость заложить в него свой уникальный характер, который будет заметен в каждом символе. Также это необходимо, чтобы выделиться уникальным начертанием. Не сказал бы, что разработка собственного шрифта – это экономия средств на приобретении лицензии готового шрифта, это больше вопрос достижения конкретных маркетинговых целей или работы над улучшением взаимодействия с клиентами.
- Neue Machina
Сильный геометрический шрифт, вдохновленный эстетикой робототехники и машин прошлого.
Категория: платный.
Разработаем уникальный дизайн с учетом целей и задач компании.
Тренды дизайна были и остаются весьма противоречивыми: появляется один тренд, и параллельно с ним модным становится его противоположность. Именно поэтому и в подборке шрифтов на 2021 классические гротескные шрифты соседствуют с яркой антиквой и акцидентными шрифтами.
Важно помнить, что, какими бы модными ни были те или иные шрифты, сначала необходимо думать об особенностях аудитории, которая будет заходить на ваш сайт. Мы желаем вам в 2021 году, чтобы забота о пользователях всегда была хотя бы на долю процента выше желания следовать трендам.
угловых шрифтов | FontSpace
Загрузить- Темный режим
- Помощь Войти
- Шрифты
- Стили
- Коллекции
- Генератор шрифтов
- (͡ ° ͜ʖ ͡ °)
- Дизайнеры
- Разные4
5
Связанные стили
Cool
Gothic
Sans Serif
Serif
Bold
Modern
Retro
1 Логотип
1
Декоративный
Тонкий
Угловой
Научно-фантастический
Техно
Квадратный
Футуристический
0- Технологическое 900
Пространство
Геометрический
Блочный
Sharp
Робот
Угол
Блок
Чужой
Heavy
- igital
Заостренный
Название
Android
Дисплей
Заостренный
Музыка
Действие
Неандерталец
- Planet
- Приключения
Будущее
Коммерческое использование
Сортировать по
- Популярные
- В тренде
- Новейший
- Имя
Для личного пользования Бесплатно
167.2k загрузок
Для личного пользования Бесплатно
Eternal Logo7584 загрузки
Для личного пользования Бесплатно
73889 загрузок
Для личного пользования Бесплатно
383 загрузки
Для личного пользования Бесплатно
Обычный30588 загрузок
Для личного пользования Бесплатно
Курсив4004 загрузки
Для личного пользования Бесплатно
Курсив Обычный4114 загрузок
Для личного пользования Бесплатно
31464 загрузки
Для личного пользования Бесплатно
8723 загрузки
Для личного пользования Бесплатно
Обычные4993 загрузки
Для личного пользования Бесплатно
Обычный11104 загрузок
Для личного пользования Бесплатно
Обычный2731 загрузок
100% бесплатно
187.9k загрузок
Для личного пользования Бесплатно
Обычный2695 загрузок
Для личного пользования Бесплатно
Курсив Курсив2855 загрузок
От 1 до 15 из 514 Результаты
- 1
- 2
- 3
- 4
- Далее
Еще больше стилей
- Популярные шрифты
- Коммерческие шрифты
- Классные шрифты
- Курсивные шрифты
- Блог
- Помощь
- Контакты
- Бренд
- Конфиденциальность
- Условия
- 2006 DMCA
- 8 Карта сайта 9250004 FontSpace
угловых шрифтов | Fontspring
Угловые шрифты | FontspringОтображение 1-50 из 325 результатов
14 стилей от 29 долларов.00 (2 БЕСПЛАТНО)
Не беспокойся! Временной разрыв и сдвиг увеличены Комикс4 стиля от 19 долларов.00
Не беспокойся! Конденсированные квадраты ТТ Тип10 стилей от 29 долларов.00
Скидка 50% до 31 июля!
18 стилей от 20 долларов.00 (6 БЕСПЛАТНО)
32 стиля от 29 долларов.00 (2 БЕСПЛАТНО)
FortAwesome / angular-fontawesome: официальный компонент Angular для Font Awesome 5
Официальный компонент Angular для Font Awesome 5
Установка
Используя
нг, добавьте
:# См. Таблицу совместимости ниже, чтобы выбрать правильную версию $ ng add @ fortawesome / angular-fontawesome @ <версия>
Использование пряжи
$ yarn add @ fortawesome / fontawesome-svg-core $ пряжа добавить @ fortawesome / free-solid-svg-icons # См. Таблицу совместимости ниже, чтобы выбрать правильную версию $ yarn add @ fortawesome / angular-fontawesome @ <версия>
Использование NPM
$ npm install @ fortawesome / fontawesome-svg-core $ npm install @ fortawesome / free-solid-svg-icons # См. Таблицу совместимости ниже, чтобы выбрать правильную версию $ npm install @ fortawesome / angular-fontawesome @ <версия>
Таблица совместимости
@ fortawesome / angular-fontawesome Угловой нг-добавить 0.1.x 5.x не поддерживается 0,2.x 6.x не поддерживается 0,3.x 6.x && 7.x не поддерживается 0,4.x, 0,5.x 8.x не поддерживается 0,6.x 9.x поддерживается 0,7.x 10.x поддерживается 0,8.x 11.х поддерживается 0.9.x 12.x поддерживается Использование
Чтобы начать использовать Font Awesome с Angular, выполните следующие действия:
Добавить
FontAwesomeModule
вимпортирует
вsrc / app / app.module.ts
:импортировать {BrowserModule} из '@ angular / platform-browser'; импортировать {NgModule} из '@ angular / core'; импортировать {AppComponent} из './app.component '; импортировать {FontAwesomeModule} из '@ fortawesome / angular-fontawesome'; @NgModule ({ импорт: [ BrowserModule, FontAwesomeModule ], объявления: [AppComponent], бутстрап: [AppComponent] }) экспортный класс AppModule {}
Привяжите значок к свойству в вашем компоненте
src / app / app.component.ts
:импортировать {Компонент} из '@ angular / core'; импортировать {faCoffee} из '@ fortawesome / free-solid-svg-icons'; @Составная часть({ селектор: 'app-root', templateUrl: './app.component.html ' }) export class AppComponent { faCoffee = faCoffee; }
Используйте значок в шаблоне
src / app / app.component.html
:
Документация
Примеры
Stackblitz
Вот пример для начинающих StackBlitz о том, как отображать сплошные, обычные и фирменные значки с помощью библиотеки значков.
Демо-приложение
Вы можете найти примеры в каталоге
projects / demo
.Вы можете следовать документации, чтобы запустить демонстрационное приложение на своем компьютере.Содействие
angular-fontawesome
— продукт сообщества, вы можете взглянуть на документацию разработчика, чтобы узнать больше о том, как внести свой вклад в проект.Авторы
Следующие участники либо помогли начать этот проект, либо внесли свой вклад код, активно поддерживают его (включая документацию) или другими способами быть замечательными участниками этого проекта. Мы хотели бы воспользоваться моментом, чтобы узнать их.
Если мы кого-то пропустили (что весьма вероятно), отправьте нам запрос на вытягивание, и мы решим его.
Команда The Font Awesome:
zefoy / ngx-font-picker: виджет выбора шрифтов Google fonts для Angular (версия 2 и новее)
Это простая программа выбора шрифтов, основанная на классной программе выбора цвета angular2 от Alberplz.
Эта документация относится к последней версии 5/6.x.x, для которой требуется Angular 5 или новее. Для Angular 4 вам нужно использовать последнюю версию 4.x.x. Документацию для 4.x.x можно найти здесь.
Ссылки
Пример приложения | StackBlitz, пример
Строительство библиотеки
npm установить npm запустить сборку
Запуск примера
npm установить нпм запустить запуск
Установка и использование
npm install ngx-font-picker --save
Загрузите модуль для вашего приложения (с глобальной конфигурацией):
Глобальная конфигурация должна быть предоставлена только один раз (обычно это делается в корневом модуле).
импортировать {FontPickerModule} из ngx-font-picker; импортировать {FONT_PICKER_CONFIG} из ngx-font-picker; импортировать {FontPickerConfigInterface} из ngx-font-picker; const DEFAULT_FONT_PICKER_CONFIG: FontPickerConfigInterface = { // Измените это на свой ключ API Google apiKey: 'AIzaSyA9S7DY0khhn9JYcfyRWb1F6Rd2rwtF_mA' }; @NgModule ({ ... импорт: [ ... FontPickerModule ], поставщики: [ { предоставить: FONT_PICKER_CONFIG, useValue: DEFAULT_FONT_PICKER_CONFIG } ] })
Используйте его в своем шаблоне HTML (например, в элементе div):
Щелкните, чтобы открыть средство выбора шрифтов[(fontPicker)] // Выбранный шрифт ({семейство, размер, стиль, стили, файлы}).[fpWidth] // Ширина средства выбора шрифта (по умолчанию: '280px'). [fpHeight] // Высота средства выбора шрифта (по умолчанию: '320px'). [fpPosition] // Положение средства выбора шрифта (по умолчанию: «снизу»). [fpAutoLoad] // Автозагрузка шрифта при изменении (изменение ввода fontPicker). [fpSearchText] // Поиск текста подсказки (по умолчанию: «Искать шрифты ...»). [fpLoadingText] // Шрифты загружают текст (по умолчанию: 'Загрузка шрифтов ...'). [fpPopularLabel] // Метка популярных шрифтов (по умолчанию: «Популярные шрифты»).[fpResultsLabel] // Метка результатов поиска (по умолчанию: «Результаты поиска»). [fpSizeSelect] // Показывать селектор размера в средстве выбора шрифта (по умолчанию: false). [fpStyleSelect] // Показывать селектор стилей в средстве выбора шрифта (по умолчанию: false). [fpPresetLabel] // Метка для списка предустановленных шрифтов (по умолчанию: не определено). [fpPresetFonts] // Список предустановленных шрифтов для отображения (по умолчанию: не определено). [fpPresetNotice] // Уведомление, отображаемое для пользовательских шрифтов (по умолчанию: undefined).[fpFallbackFont] // Резервный шрифт (по умолчанию: {family: 'Roboto', размер: 14}). [fpCancelButton] // Показывать кнопку отмены в средстве выбора шрифта (по умолчанию: false). [fpCancelButtonText] // Текстовая метка для кнопки отмены (по умолчанию: «Отмена»). [fpCancelButtonClass] // Имя класса для кнопки отмены (Заменяет значение по умолчанию). [fpUploadButton] // Показывать кнопку загрузки в средстве выбора шрифта (по умолчанию: false). [fbUploadButtonText] // Текстовая метка для кнопки загрузки (по умолчанию: «Загрузить»).[fpUploadButtonClass] // Имя класса для кнопки загрузки (Заменяет значение по умолчанию). [fpDialogDisplay] // Режим позиционирования диалога: 'popup', 'inline' ('popup'). // всплывающее окно: диалоговое окно отображается как всплывающее (фиксированное расположение). // inline: диалог отображается постоянно (статическое позиционирование). [fpUseRootViewContainer] // Создаем компонент диалога в корневом контейнере представления (false). // Примечание: у корневого компонента должен быть общедоступный viewContainerRef.(fontPickerChange) // Обработчик события для изменения шрифта / размера / стиля. (fontPickerUpload) // Обработчик события нажатия кнопки загрузки шрифта.
Доступные варианты конфигурации (для глобальной конфигурации):
apiKey // Ваш ключ Google API для Google Web Fonts API.
Доступные управляющие / вспомогательные функции (предоставляются сервисом):
loadFont (font) // Загружает указанный шрифт (family: style) из веб-шрифтов.
getAllFonts (sort) // Возвращает список шрифтов Google с заданной опцией сортировки: // ‘альфа’ | ‘дата’ | «популярность» | «стиль» | ‘Trending’
Доступные управляющие / вспомогательные функции (предоставленные директивой):
loadFont (font) // Загружает веб-шрифты формы (font.family:font.style). openDialog () // Открывает диалог выбора шрифта, если он еще не открыт. closeDialog () // Закрывает диалог выбора шрифта, если он еще не закрыт.toggleDialog () // Переключает открытое состояние диалога выбора шрифта.
angular-font-awesome — npm
Простой и легкий в использовании компонент Angular для управления значками Font Awesome.
Построен с использованием Angular QuickStart Lib.
Установочные пакеты
npm install --save font-awesome angular-font-awesome
Импортировать модуль:
import {AngularFontAwesomeModule} из 'angular-font-awesome';
@NgModule ({
импорт: [
AngularFontAwesomeModule
],
})
экспортный класс AppModule {}
Если вы используете Angular CLI, добавьте отличный шрифт CSS в стили
angular-cli.JSON
"стилей": [
"styles.css",
"../node_modules/font-awesome/css/font-awesome.css"
],
ПРИМЕЧАНИЕ. При использовании препроцессора SCSS просто замените
css
наscss
Если вы не используете интерфейс командной строки, импортируйте таблицу стилей в файл
index.html
Имя Тип Опции Дополнительно название Строка
F-A Иконки № размер Строка
LG, 2x, 3x, 4x, 5x
Есть фиксированный логическое
верно | ложь
Есть анимация Строка
спина | пульс
Есть повернуть Номер | Строка
90 | 180 | 270
горизонтальный | вертикальный
Есть обратное логическое
верно | ложь
Есть Пример использования
Unicode и встроенные шрифты — чертеж
Чтобы соответствовать выводам браузера, вставьте те же шрифты в экспортированный документ PDF.
Стандартные шрифты PDF охватывают только базовый набор символов ASCII. Чтобы отобразить символы Unicode и сопоставить вывод, отображаемый браузером, включите встраивание шрифтов, получив и разместив файлы
.ttf
и объявив URL-адреса.- Для встраивания шрифтов в документы PDF может потребоваться отдельная лицензия.
- Системные шрифты, которые браузер использует для отображения содержимого на экране, недоступны для встраивания.
- Все символы, которые вы используете, должны присутствовать во встроенном шрифте. Для получения дополнительной информации обратитесь к разделу о замене шрифта.
Шрифты загружаются по запросу, что означает, что вы можете объявить больше шрифтов, чем вам нужно, и не загружать или анализировать ненужные данные локально.
Чтобы объявить шрифты, используйте любой из следующих подходов:
Использование объявлений CSS
В следующем примере показано, как применить объявления CSS
@ font-face
.Копировать код
@ font-face { семейство шрифтов: "DejaVu Sans"; src: url ("шрифты / DejaVu / DejaVuSans.ttf") формат ("истинный тип"); } @ font-face { семейство шрифтов: "DejaVu Sans"; font-weight: жирный; src: url ("шрифты / DejaVu / DejaVuSans-Bold.ttf") формат ("истинный тип"); } @ font-face { семейство шрифтов: "DejaVu Sans"; стиль шрифта: курсив; src: url ("шрифты / DejaVu / DejaVuSans-Oblique.ttf") формат ("истинный тип"); } @ font-face { семейство шрифтов: "DejaVu Sans"; font-weight: жирный; стиль шрифта: курсив; src: url ("шрифты / DejaVu / DejaVuSans-Oblique.ttf ") формат (" истинный тип "); }
Использование кода
Чтобы использовать встроенный метод
defineFont
из библиотеки чертежей, вы должны вызвать его до запроса файла PDF. Объект, который вы передаете методуdefineFont
, должен сопоставить имя шрифта или стиль с URL-адресом с файломTrueType
. Применяется политика одного и того же происхождения, и, если не настроен CORS, вам не разрешено указывать URL-адреса другого происхождения (домен, протокол и порт).Копировать код
import {defineFont} from '@ progress / kendo-drawing / pdf'; defineFont ({ 'Вердана': '/ шрифты / Вердана.ttf ', 'Verdana | Bold': '/fonts/Verdana_Bold.ttf', 'Verdana | Bold | Italic': '/fonts/Verdana_Bold_Italic.ttf', 'Verdana | Курсив': '/fonts/Verdana_Italic.ttf' });
- Генератор PDF Kendo UI поддерживает только шрифты TrueType с отображением Unicode.
- Чтобы автоматическое обнаружение шрифтов работало правильно, убедитесь, что ваш CSS находится в том же домене, что и веб-страница.
Если вы не объявите шрифты, генератор PDF вернется к стандартным шрифтам PDF, которые поддерживают только символы ASCII.
В следующей таблице перечислены стандартные шрифты PDF — имена шрифтов в правом столбце зарезервированы и не могут использоваться в качестве URL-адресов для шрифтов TrueType с методом
defineFont
.Копировать код
'serif': 'Times-Roman', 'serif | bold': 'Жирный шрифт Times', 'serif | italic': 'Курсив Times', 'serif | bold | italic': 'Times-BoldItalic', 'sans-serif': 'Helvetica', 'sans-serif | bold': 'Жирный шрифт Helvetica', 'sans-serif | italic': 'Наклонный шрифт Helvetica', 'sans-serif | bold | italic': 'Helvetica-BoldOblique', 'monospace': 'Курьер', 'monospace | bold': 'Courier-Bold', 'monospace | italic': 'Наклонный курсив', 'monospace | bold | italic': 'Courier-BoldOblique'
Все символы (глифы), которые недоступны в заданном шрифте, заменяются браузером на символы из резервного шрифта.Модуль PDF Export не имеет доступа к информации об этих заменах. В результате замененные символы отображаются как глиф по умолчанию, который обычно представляет собой прямоугольник. Чтобы обойти это ограничение, используйте шрифты, содержащие все используемые вами символы.
Как использовать значки шрифтов Angular 11 Material
Разумное использование значков может помочь передать значение элементов приложения и значительно улучшить взаимодействие с пользователем. Для тех из нас, кто разрабатывает с использованием Angular, у нас есть огромное разнообразие значков на выбор благодаря значкам материалов.Это красиво оформленные символы для общих действий и элементов для использования в Android, iOS и веб-приложениях. Значки материалов предоставляются с использованием двух разновидностей: шрифта и SVG. Как мы узнаем в этом руководстве, добавить значки материалов в проекты Angular достаточно просто, и нет оправдания не делать этого! Сегодня мы сосредоточимся на шрифтовых значках. Иконки SVG будут предметом следующей статьи.
Настройка тестового задания
Возможно, у вас уже есть проект, в который вы хотите добавить значки материалов, но для этого урока мы создадим его с нуля.Вот команда для создания нового проекта с использованием Angular CLI:
ng новый учебник по значкам angular
Затем поместите компакт-диск в папку проекта angular-mat-icons-tutorial, и вы готовы приступить к работе!
Установка библиотеки пользовательского интерфейса Angular Material
Прежде чем мы сможем использовать значки материалов в нашем проекте, мы должны настроить библиотеку пользовательского интерфейса материалов. Вот как это сделать:
- Следующая команда добавит библиотеку пользовательского интерфейса материала angular:
нг add @ angular / material
- Теперь интерфейс командной строки спросит, хотите ли вы включить пакеты Angular Material Typography и Animations .
Идите и ответьте утвердительно на оба вопроса.Все хорошо!
Импорт модуля значка материала
Каждый компонент материала объявлен в собственном модуле. Таким образом, вы можете включить как можно меньше или столько компонентов, сколько вам нужно. Мне лично нравится создавать отдельный модуль, посвященный компонентам углового материала, который включает только те компоненты, которые мне нужны. Вот как создать файл material.module.ts с помощью команды ng:
нг г м общего / модулей / материала
Обратите внимание, что «g m» — это сокращение от «генерировать модуль».
Теперь перейдите к shared / modules / material.module.ts и откройте его в своем любимом редакторе или IDE (я неравнодушен к VS Code) и добавьте MatIconModule следующим образом:
импортировать {NgModule} из '@ angular / core'; импортировать {CommonModule} из '@ angular / common'; импортировать {MatIconModule} из '@ angular / material / icon'; const materialModules = [ MatIconModule ]; @NgModule ({ объявления: [], импорт: [ CommonModule, ...материалМодули ], экспорт: [ ... материалМодули ] }) экспортный класс MaterialModule {}
В следующий раз, когда нам понадобится включить модуль, нам просто нужно добавить его в массив materialModules.
Последний шаг — импортировать наш MaterialModule в файл app.module.ts. Это предоставит всем компонентам приложения доступ к компонентам материала.
импортировать {NgModule} из '@ angular / core'; импортировать {BrowserModule} из '@ angular / platform-browser'; импортировать {AppComponent} из './app.component '; импортировать {BrowserAnimationsModule} из '@ angular / platform-browser / animations'; импортировать {MaterialModule} из './shared/modules/material/material.module'; @NgModule ({ объявления: [ AppComponent ], импорт: [ BrowserModule, BrowserAnimationsModule, МатериалМодуль ], провайдеры: [], бутстрап: [AppComponent] }) класс экспорта AppModule {}
Импорт шрифтов и темы Angular Material
Важно помнить, что Angular Material использует шрифт для отображения своих значков.Если вы откроете файл index.html, вы увидите две ссылки на шрифты googleapis:
Учебное пособие по Angular MatIcons Вспомните, как мы выбирали тему при установке библиотеки материалов Angular. Чтобы использовать эту тему, нам нужно импортировать ее в наши стили.css, styles.scss или styles.sass, в зависимости от того, какой тип стиля вы выбрали ранее. Хотя это не является обязательным требованием для Mat-Icons, стиль играет ключевую роль для многих других компонентов материала. Вам нужно добавить оператор @import:
/ * Вы можете добавлять в этот файл глобальные стили, а также импортировать другие файлы стилей * / @import "[электронная почта защищена] /material/prebuilt-themes/indigo-pink.css"; html, body {height: 100%; } тело {маржа: 0; семейство шрифтов: Roboto, Helvetica Neue, без засечек; }
Включение значков материалов в компонент
Теперь мы готовы использовать значки материалов в наших компонентах! Для простоты мы просто обновим приложение.component.html, на которой будут содержаться значки удовлетворенности пользователей:
Как бы вы оценили значки материалов Angular?
sentiment_very_dissatisfied & nbsp; & nbsp;sentiment_dissatisfied & nbsp; & nbsp;sentiment_neutral & nbsp; & nbsp;sentiment_satisfied & nbsp; & nbsp;sentiment_very_satisfied Чтобы просмотреть вышеуказанное содержимое в браузере, введите команду
ng serve
и перейдите по адресу http: // localhost: 4200/ в своем браузере.Вы должны увидеть следующее:На Codesandbox.io есть демонстрация проекта.
Заключение
В этом уроке мы узнали, как легко добавить значки материалов в проект Angular 11.