Угловатый шрифт: Квадратные Шрифты

Содержание

Топ-21 актуальных в 2021 году шрифтов для сайта

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

Общие тренды шрифтов

Контент – король сайта, который нуждается в правильном оформлении, и шрифты в этом играют не последнюю роль.

Мировые бренды транслируют тенденции и все больше используют простые шрифты на своих онлайн-страницах. В 2021 году дизайнеры по всему миру продолжат стремиться к минимализму и будут использовать уже когда-то известные начертания, чтобы ничего не отвлекало пользователя от содержания: например, Helvetica, Montserrat или Manrope. Даже всеми нелюбимый Times New Roman в 2021 году неожиданно станет сносным.

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

Мы отобрали 21 бесплатный шрифт с доступной кириллицей, которые смело можно добавить в «избранные» прямо сейчас.

##READMORE_BLOCK_60162##

Гротескные шрифты без засечек

Они универсальны и могут использоваться в любом разделе сайта.

  1. Montserrat

Гладкий шрифт без засечек, который специально создан для использования в интернете. В свое время на его создание авторов вдохновили старые плакаты и вывески в районе Montserrat Буэнос-Айреса.

  1. Manrope
    Шрифт без засечек от Pixel Surplus, разработанный в 2018 году. Он хорошо читается как в верхнем, так и в нижнем регистре.
  1. Roboto

Шрифт разработан внутри компании Google дизайнером интерфейсов Кристианом Робертсоном (Christian Robertson). Используется по умолчанию в Google+, Google Play, YouTube и других сервисах компании.

  1. Helvetica

Классика гротеска, которая не потеряет актуальности ни в 2021, ни 2025 году. Этот шрифт используется в логотипах компаний Lufthansa, Jeep, WhatsApp.

  1. Akzidenz Grotesk

На рынке он появился еще в 1896 году, но никогда терял не актуальности: именно он задал направление, в котором появились современные экранные шрифты.

  1. Right Grotesk

Обладает множеством мелких деталей, плавными изгибами, умеренным контрастом и слегка необычной анатомией. Шрифт может быть как громким главным героем, так и скромным актером второго плана.

  1. Stolzl

Шрифт построен на комбинации контрастных форм, которая создает эффект напористости.

  1. MADE Evolve Sans

Это футуристичный тонкий шрифт в двух вариантах: один декоративный, а другой подойдет для основного текста.

  1. Druk

Шрифт намеренно спроектирован со странной шириной, ведь главная черта Druk – выразительность.

  1. Dx Rigraf

Разрабатывался как вариативный шрифт, который может использоваться как в заголовке лендинга, так и в основном тексте раздела «О компании».

##READMORE_BLOCK_92204##

Антиква

Это шрифты с засечками. Они выразительны и могут точно передать настроение.

  1. Playfair

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

  1. Relaate 0.7

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

  1. Monesta

Создает ощущение мягкости и утонченности. Разработчики сделали упор на удобстве использования и выразительности.

  1. Yeseva One

Автор шрифта – Джованни Лимонад – посвятил Yeseva One своей жене. Шрифт получился очень выразительным, на грани с декоративностью.

  1. Literata

Шрифт с засечками, который выполнен в виде старинной антиквы. Подходит как для основного текста, так и для заголовков.

Декоративные шрифты

Подойдут для заголовков и других текстов, на которые нужно поставить акцент.

  1. G Display

Современный геометрический шрифт с угловатыми элементами. Довольно необычный: подойдет не под каждый проект.

  1. Stravinsky TRIAL

Шрифту удалось соединить сильный вертикальный контраст шрифтов XVIII века и прямые углы с формами современных гротесков.

  1. Angry

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

  1. Blackest

Этот шрифт создан на основе более классического варианта. Обратный контраст добавляет причудливости и оригинальности.

  1. Kharkiv Tone Regular

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

  1. Neue Machina

Сильный геометрический шрифт, вдохновленный эстетикой робототехники и машин прошлого.

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

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

##READMORE_BLOCK_89968##

Как выбрать правильный шрифт для своего лендинга?

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

Содержание статьи

Придерживайтесь стиля вашего бренда

У вашего бренда еще нет фирменного стиля и шрифта?

1. Учитывайте целевую аудиторию
2. Выбирайте шрифт, который будет подчеркивать ваш продукт

Что такое веб-безопасные шрифты?

Как комбинировать разные шрифты при создании сайта

Как разные типы шрифтов влияют на ваш дизайн

Заключение

Придерживайтесь стиля вашего бренда

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

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

Вот почему так важно быть последовательным, когда дело касается стиля, цвета и, конечно же, шрифтов. 

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

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

Кстати, отныне вам больше не нужно открывать сервис Google Fonts для получения сторонних шрифтов на ваши посадочные страницы, ведь теперь шрифты подключаются прямо из редактора лендингов LPgenerator. Мы добавили все шрифты из коллекции Google Fonts в наглядную галерею, и все, что нужно сделать — это выбрать подходящий шрифт, нажать на кнопку подключения и использовать его для новых или уже размещенных на лендинге текстов:

Читайте также: Вы кое-что забыли! или Как неудачные шрифты могут убить конверсию лендинга

У вашего бренда еще нет фирменного стиля и шрифта?

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

1. Учитывайте целевую аудиторию

Шрифт на лендинге должен отражать индивидуальные особенности ваших покупателей. У вас традиционный бизнес, ориентированный на более консервативную аудиторию, или, может быть, наоборот, минималистичный и современный, рассчитанный на молодежь? 

Разные аудитории — разный дизайн, в том числе и шрифт

Как только вы ответите на вопрос об аудитории, у вас будет понимание стиля. Основываясь на этой информации, вы сможете правильно подобрать шрифт для своего лендинга.

2. Выбирайте шрифт, который будет подчеркивать ваш продукт

Скажем, вы — владелец винтажного магазина одежды с приятной и современной атмосферой. Вы можете выбрать традиционный шрифт для заголовков и классический шрифт без засечек для основного текста. К примеру, для заголовков можно взять шрифт вроде Arvo, а для основного текста — Open Sans, известный своей читабельностью. Это придаст всему сайту сбалансированный внешний вид. Кроме того, он будет выглядеть вневременно, что будет отлично сочетаться с вашей компанией в стиле ретро: 

Или, скажем, у вас юридическая фирма или бренд элитной косметики, и вы хотите, чтобы внешний вид сайта подчеркивал ваш профессионализм и вызывал доверие потенциальных клиентов. Тогда лучше будет использовать классический и одновременно элегантный шрифт вроде Frank Ruhl Libre или Playfair Display. В глазах потенциальных клиентов это лишний раз подчеркнет вашу надежность и первоклассный уровень сервиса. 

Chanel использует уникальный брендовый шрифт на своем сайте

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

Читайте также: 15 красивых, актуальных и бесплатных шрифтов

Что такое веб-безопасные шрифты?

Использование веб-безопасного шрифта означает, что пользователям не нужно устанавливать какой-либо дополнительный шрифт на компьютер, чтобы текст правильно отображался в их браузере. 10 лет назад было всего 13 семейств шрифтов, которые дизайнеры могли использовать при создании сайтов. В настоящее время золотым стандартом для любого дизайнера является Google Fonts. Эти шрифты корректно отображаются в любых браузерах.

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

Когда вы ищете идеальный веб-безопасный шрифт, лучше всего посмотреть в библиотеке Google Fonts. В большинстве случаев вы найдете там подходящий вариант. Там содержится более 800 бесплатных лицензионных шрифтов. Если вы используете один из них, то можете быть абсолютно уверены в том, что пользователи из любой страны увидят ваш текст правильно в любом браузере.

Как комбинировать разные шрифты при создании сайта

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

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

Вот, как это выглядит на практике:

1. Определитесь с основным шрифтом, который вы будете использовать для заголовков. Для этого можно обратиться к фирменному стилю вашего бренда.

2. Затем нужно выбрать дополнительный шрифт, который будет использоваться для основного текста. Он должен быть легко читаемым даже на небольших экранах. Таким, к примеру, является шрифт Noto Sans.

3. И, наконец, ваш третий шрифт должен привлекать внимание. Его можно использовать на кнопках целевого действия или выделять с его помощью некоторые части текста. Для этого прекрасно подойдет шрифт вроде Montserrat.

Читайте также: 4 способа улучшить восприятие бренда с помощью шрифтов на посадочной странице

Как разные типы шрифтов влияют на ваш дизайн

Только грамотная комбинация шрифтов может оказать существенное влияние на внешний вид вашего лендинга. 

Посмотрите, как в примере выше дизайнер использовал уникальный шрифт, чтобы соответствовать тематике боевых искусств и приблизить посетителя сайта к японской культуре. Остальная часть текста написана лаконичным, хорошо читаемым шрифтом. Результат: сбалансированный дизайн, который привлекает внимание пользователя к нужным местам.

Выше можно увидеть еще два примера грамотного использования шрифтов. Первый лендинг принадлежит кэшбэк сервису. Там используется четкий, но слегка угловатый шрифт Open Sans. Благодаря этому сайт приобретает современный внешний вид. Второй пример — магазин чая и подарков. На его страницах используется более редкий шрифт Bebas Neue Regular, также без засечек, но за счет «вытянутости» по вертикали он выглядит более оригинально. В обоих этих примерах шрифт прекрасно сочетается с остальными элементами дизайна и прекрасно передает ценности бренда. В этом и заключается сила влияния шрифта.

Читайте также: Как типографика влияет на конверсию лендинг пейдж?

Заключение

Выбор шрифта для вашего лендинга полностью зависит от цели, которой вы хотите достичь. Когда вы планируете фирменный стиль и дизайн, подумайте о том, какой вы хотите, чтобы вашу компанию увидели потенциальные клиенты. Шрифты — идеальный имиджевый инструмент. Хотите, чтобы ваша компания выглядела классической, серьезной или традиционной? Тогда вам стоит выбрать элегантный шрифт с засечками. Хотите выглядеть стильно и минималистично? Тогда вам подойдет шрифт без засечек. Вам нужно нечто среднее? Тогда стоит объединить несколько шрифтов. Проще говоря, тот шрифт, который вы выбираете много говорит людям о вашей компании, поэтому следует отнестись к этому с умом.

Высоких вам конверсий!

По материалам: 99designs.com

24-08-2018

Веселые детские шрифты на русском. Красивые бесплатные русские детские шрифты. Тонкий мультяшный шрифт

Здравствуйте, дорогие друзья. Давненько я не выкладывал шрифты, которые пользовались большой популярностью у меня сайте. И тут столкнулся с поиском мультяшного шрифта для одного лого и решил сделать сборку из 15-и веселых мультяшных кириллических шрифтов. Некоторые шрифты из этой сборки встречаются в предыдущих моих постах, но я все равно выложил, чтобы было из чего выбрать. Тут есть шрифт из Disney, Ледникового периода, Незнайки на Луне. Каждый шрифт вы сможете скачать отдельно прямо с моего сервера без помощи каких-либо файлообменников и, самое главное, совершенно бесплатно. Поехали:

Рисованный мультяшный кириллический шрифт

Скачать

Классный веселый русский шрифт

Скачать

Кириллический шрифт Disney

Скачать

Жирный кириллический шрифт из мультика

Скачать

Стильный рисованный мультяшный шрифт

Скачать

Веселый жирный шрифт для титров мультика

Скачать

Контурный мультяшный русский шрифт

Скачать

Классный веселый кириллический шрифт

Скачать

Контурный моноширинный мультяшный шрифт

Скачать

Моноширинный мультяшный кириллический шрифт

Скачать

Шрифт для титров в мультике

Скачать

«Безалаберный» мультяшный кириллический шрифт

Скачать

Русский шрифт из «Незнайка на луне»

Скачать

Строгий, но веселый шрифт в кириллической раскладке

Скачать

Тонкий мультяшный шрифт

Скачать

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

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

1. Один из , которые используют в комиксах. В нем только прописные буквы, легкие небрежность, и наклон, и разная толщина линий. В общем в баллонах чьих-то комиксов вы его наверняка встречали, попробуйте вставить в свои.

2. Если переводить название этого шрифта, получится что-то типа “куриная задница”. Я не знаю почему так. Мне этот шрифт приглянулся необычной формой и . Думаю вполне уместен в каких-то мультипликационных заголовках и всяком таком. Имеет как прописные, так и строчные символы.

3. Брутально угловатый, резкий, жирный шрифт. Тоже видал где-то в комиксах. Смотрится четко и гармонично особенно в окружении экшена. Традиционно для комиксовских шрифтов отсутствуют строчные символы.


4. Этот мне напоминает шрифт из старых мультиков, типа “Ну, погоди!”. Ну там когда авторов перечисляют в титрах. Похож очень по-моему. В общем для стенгазет, новых годов и прочих подобных детских тем. Подойдет идеально.


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


6. Сказочно – эксцентричный, так бы я его назвал. Очень понравился этот шрифт. Асимметрия его не мешает чтению, но втыкает большую изюмину в его мякоть. Прекрасно подойдет для оформления каких-нибудь волшебных сказок или заклинаний. Ну или еще для чего-то.


7. Утонченный, резковатый, слегка разнузданный. Не знаю где я его видел, то ли в комиксах, то ли в мультиках?


8. Каменно – треснутый шрифт. Подойдет, естественно, для легенд о . Ну или для заголовков о чем-нибудь каменно-толстом например. Присутствует в 2-х вариантах – залитый и контурный с тенью.

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение «Фонарик» для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Топ шрифтов 2020. Часть 2

В этой серии статей мы раскроем топ шрифтов 2020 года, которые будут полезны всем, от дизайнеров до блогеров.

Шрифт Edirne Cyrillic

1.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.

Декоративный бесплатный шрифт с поддержкой кириллицы. Часто используется в соц сетях.

Поддержка кириллицы: Да

Скачать

Была, осталась, видоизменилась…

9 — 2008

Владимир Чуфаровский

История с продолжением

Не сглаживая углов…

Сглаживая углы…

Смежные темы

Вместо заключения

История с продолжением

В иллюстративных примерах, которые были выбраны для предыдущей публикации (см. КомпьюАрт № 8’2008), фигурировал не вполне обычный, по меркам нынешней российской рекламной практики, ненасыщенный акцидентный шрифтовой материал. Необходимо отметить, что в рассматриваемом временном интервале в акцидентных задачах зачастую использовались и совсем иные функционалистские типографические конструкции, большинство из которых вошло в типографический обиход, начав не с наборных, а с титульных применений. Следуя линии, которая уже проводилась, до того как будет, по обыкновению, привлечен материал реминисцентного характера, попытаемся актуализировать сам предмет рассмотрения, а потому вначале уточним, о каком типографическом материале должна пойти речь. Для этого приведем последовательно пять чисто шрифтовых иллюстраций (рис. 1-5).

 

 

Первый пример (см. рис. 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-х годах вариантов отделки. Строго говоря, данный шрифт не может быть непосредственно соотнесен с неконтрастными функционалистскими шрифтами точно так же, как, например, упоминавшаяся классическая разработка П.Реннера Futura Black, процитированная в этом рисунке в двух нижних строках. Впрочем, в нашем случае определяющим классификационным признаком является отчетливо выраженный геометризм рисунка этих шрифтов. Как тут не напомнить о том, что никакой классификационный ригоризм ничуть не помешал использовать подобные шрифты в акцидентной практике первой трети прошлого века как в Западной Европе, так и в США! Именно поэтому подобного рода разновидности шрифтов ныне часто рассматриваются в категории смежных графических тем, причем такой прагматический подход достаточно широко использовался уже в первой трети прошлого века.

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

Нетрудно выявить сходство в рисунке букв рекламного фрагмента, полученного из общедоступных интернет-источников, с графикой, использовавшейся в приведенных примерах (см.  рис. 1-2). Данный факт, конечно, не может рассматриваться как повод для служебного дознания на предмет того, какой именно шрифт применили в этом случае дизайнеры. Здесь важно именно сходство рисунка букв, а не полная их идентичность с какой-то реальной гарнитурой. К рекламным разработкам, обеспечивавшим выход на экраны снятого российским режиссером американского фильма «WANTED» (в российском прокате фильм идет под названием «Особо опасен») с бюджетом порядка 70 млн долл., безусловно, были привлечены подготовленные и опытные профессионалы. Именно поэтому тут нет и не может быть поводов для того, чтобы препарировать эту графику, стараясь скрупулезно выискивать реальные или мнимые недочеты в работе дизайнеров.

Вот еще три иллюстрации (см. рис. 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

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 лучших пар шрифтов, чтобы вдохновить вас на следующий проект.

Как исправить размытые шрифты Windows 10

&nbsp windows

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

В первую очередь речь пойдет о способах исправления проблемы, связанных с изменением разрешения экрана, которые очевидны для большинства пользователей, но могут быть не учтены начинающими пользователями, а затем — другие способы исправить размытость текста в Windows 10.

Примечание: если шрифты стали размытыми после недавнего изменения параметров масштабирования (125%, 150%) в параметрах экрана (пункт «Изменение размера текста, приложения, и других элементов»), попробуйте для начала просто перезагрузить компьютер (даже если до этого уже не раз его выключали-включали, так как выключение в 10-ке не то же самое, что перезагрузка).

Автоматическое устранение размытия шрифтов в Windows 10 1803

В Windows 10 1803 April Update появилась дополнительная опция, позволяющая исправить размытые шрифты для приложений, которые не поддерживают масштабирование (или делают это неправильно). Найти параметр можно, зайдя в Параметры — Система — Дисплей — Дополнительные параметры масштабирования, пункт «Разрешить Windows исправлять размытость в приложениях».

Если окажется, что параметр включен, а проблема сохраняется, попробуйте, наоборот, отключить его.

Проверка разрешения экрана

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

Итак, современные мониторы имеют такой параметр, как физическое разрешение, представляющее собой количество точек по горизонтали и вертикали на матрице экрана, например, 1920×1080. Причем, если в системе у вас установлено любое разрешение, не кратно отличающееся от физического, вы увидите искажения и размытость шрифтов.

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

  • Чтобы узнать физическое разрешение экрана — можете просто поискать технические характеристики в Интернете, введя марку и модель вашего монитора.
  • Чтобы установить разрешение экрана в Windows 10, кликните в любом пустом месте рабочего стола правой кнопкой мыши и выберите пункт «Параметры экрана», после этого нажмите по пункту «Дополнительные параметры экрана» (внизу справа) и установите нужное разрешение. Если в списке отсутствует нужное разрешение, то вероятно вам требуется установить официальные драйвера вашей видеокарты, пример см. Установка драйверов NVIDIA в Windows 10 (для AMD и Intel будет то же самое). 

Подробнее на тему: Как изменить разрешение экрана в Windows 10.

Примечание: если вы используете несколько мониторов (или монитор + ТВ) и изображение на них дублируется, то Windows при дублировании использует одинаковое разрешение на обоих экранах, при этом для какого-то из них оно может быть «не родное». Решение тут лишь одно — изменить режим работы двух мониторов на «Расширить экраны» (нажав клавиши Win+P) и установить для каждого из мониторов правильное разрешение.

Устранение размытости текста при масштабировании

Если проблема с размытыми шрифтами возникла после изменения размеров элементов в «Правый клик по рабочему столу» — «Параметры экрана» — «Изменение размера текста, приложений и других элементов» на 125% и более, а перезагрузка компьютера или ноутбука не исправила проблему, попробуйте следующий вариант.

  1. Нажмите клавиши Win+R и введите dpiscaling (или зайдите в панель управления — экран).
  2. Нажмите по пункту «Установить настраиваемый уровень масштабирования». 
  3. Убедитесь, что в нем установлено 100%. Если нет — измените на 100, примените, и перезагрузите компьютер. 

И второй вариант этого же способа:

  1. Кликните правой кнопкой мыши по рабочему столу — параметры экрана.
  2. Верните масштабирование на 100%. 
  3. Зайдите в Панель управления — Экран, нажмите «Установить настраиваемый уровень масштабирования», и задайте требуемое масштабирование Windows 10.

После применения настроек, вас попросят выйти из системы, а после входа вы должны будете увидеть измененные размеры шрифтов и элементов, но уже без размытия (при использовании данной опции применяется иное масштабирование, чем в параметрах экрана Windows 10).

Как исправить размытые шрифты в программах

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

В этом случае вы можете исправить проблему следующим образом:

  1. Кликните правой кнопкой мыши по ярлыку или исполняемому файлу программы и выберите пункт «Свойства».
  2. На вкладке «Совместимость» установите отметку в пункте «Отключить масштабирование изображения при высоком разрешении экрана» и примените настройки. В новых версиях Windows 10 нажмите «Изменить параметры высокого DPI», а затем отметьте пункт «Переопределите режим масштабирования» и выберите «Приложение».

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

ClearType

В некоторых случаях (например, из-за неправильной работы драйверов видеокарты), проблему с размытым текстом может вызывать неправильная работа функции сглаживания шрифтов ClearType, которая включена по умолчанию в Windows 10 для ЖК экранов.

Попробуйте отключить или настроить эту функцию и проверить была ли решена проблема. Для того, чтобы это сделать, введите в поиск на панели задач ClearType и запустите «Настройка текста ClearType».

После этого попробуйте как вариант с настройкой работы функции, так и вариант с её отключением. Подробнее: Настройка ClearType в Windows 10.

Дополнительная информация

В Интернете также имеется программа Windows 10 DPI Blurry Fix, призванная решать проблему с размытыми шрифтами. Программа, насколько я понял, использует второй способ из этой статьи, когда вместо масштабирования Windows 10 используется «старое» масштабирование.

Для использования достаточно установить в программе «Use Windows 8.1 DPI scaling» и настроить желаемый уровень масштабирования.

Скачать программу можно с сайта разработчика windows10_dpi_blurry_fix.xpexplorer.com — только не забывайте проверить ее на VirusTotal.com (на текущий момент она чистая, но есть негативные отзывы, так что будьте внимательны). Также учитывайте, что запуск программы требуется при каждой перезагрузке (она сама себя добавить в автозагрузку.

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

А вдруг и это будет интересно:

угловых шрифтов | FontSpace

Загрузить
  • Темный режим
  • Помощь Войти
Присоединиться бесплатно
  • Шрифты
  • Стили
  • Коллекции
  • Генератор шрифтов
  • (͡ ° ͜ʖ ͡ °)
  • Дизайнеры
  • Разные
    4

5

Связанные стили

  • Cool
  • Gothic
  • Sans Serif
  • Serif
  • Bold
  • Retro
  • Modern
  • 1 Логотип
  • 1
  • Декоративный
  • Тонкий
  • Угловой
  • Научно-фантастический
  • Техно
  • Квадратный
  • Футуристический
  • 0
    Будущее

    Будущее
  • Пространство
  • Геометрический
  • Блочный
  • Sharp
  • Робот
  • Угол
  • Блок
  • Инопланетянин
  • Heavy
  • igital
  • Заостренный
  • Название
  • Android
  • Дисплей
  • Заостренный
  • Музыка
  • Действие
  • Неандерталец
  • Planet
  • Приключения

Коммерческое использование

Сортировать по

  • Популярные
  • В тренде
  • Новейший
  • Имя

Для личного пользования Бесплатно

156k загрузок

Для личного пользования Бесплатно

Eternal Logo

6357 загрузок

Для личного пользования Бесплатно

71038 загрузок

Для личного пользования Бесплатно

120 загрузок

Для личного пользования Бесплатно

Обычный

29345 загрузок

Для личного пользования Бесплатно

Курсив

3484 загрузки

Для личного пользования Бесплатно

Курсив Обычный

3579 загрузок

Для личного пользования Бесплатно

27653 загрузки

Для личного пользования Бесплатно

7988 загрузок

Для личного пользования Бесплатно

Обычные

4676 загрузок

Для личного пользования Бесплатно

Обычные

9984 загрузки

Для личного пользования Бесплатно

Обычный

2469 загрузок

Для личного пользования Бесплатно

Обычный

2396 загрузок

Для личного пользования Бесплатно

Курсив Курсив

2642 загрузки

Для личного пользования Бесплатно

Обычные

12341 скачиваний

От 1 до 15 из 514 Результаты

  • 1
  • 2
  • 3
  • 4
  • Далее

Еще больше стилей

    77000 + бесплатные шрифты 16000 + коммерческие шрифты 3000 + Дизайнеры
    • Популярные шрифты
    • Коммерческие шрифты
    • Классные шрифты
    • Курсивные шрифты
    • Блог
    • Справка
    • Контакты
    • Бренд
    • Конфиденциальность
    • Условия
    • DMCA
    • Fonts

      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.х поддерживается

      Использование

      Чтобы начать использовать Font Awesome с Angular, выполните следующие действия:

      1. Добавить 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 {} 
      2. Привяжите значок к свойству в вашем компоненте SRC / приложение / приложение. component.ts :

         импортировать {Компонент} из '@ angular / core';
        импортировать {faCoffee} из '@ fortawesome / free-solid-svg-icons';
        
        @Компонент({
          селектор: 'app-root',
          templateUrl: './app.component.html'
        })
        export class AppComponent {
          faCoffee = faCoffee;
        } 
      3. Используйте значок в шаблоне 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 запустить запуск 

      Установка и использование

       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', size: 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 () // Переключает открытое состояние диалога выбора шрифта. 

      @ fortawesome / angular-fontawesome — npm

      Официальный компонент 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.х поддерживается

      Использование

      Чтобы начать использовать Font Awesome с Angular, выполните следующие действия:

      1. Добавить 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 {} 
      2. Привяжите значок к свойству в вашем компоненте SRC / приложение / приложение.component.ts :

         импортировать {Компонент} из '@ angular / core';
        импортировать {faCoffee} из '@ fortawesome / free-solid-svg-icons';
        
        @Компонент({
          селектор: 'app-root',
          templateUrl: './app.component.html'
        })
        export class AppComponent {
          faCoffee = faCoffee;
        } 
      3. Используйте значок в шаблоне src / app / app.component.html :

           

      Документация

      Примеры

      Stackblitz

      Вот пример для начинающих StackBlitz о том, как отображать сплошные, обычные и фирменные значки с помощью библиотеки значков.

      Демо-приложение

      Вы можете найти примеры в каталоге projects / demo . Вы можете следовать документации, чтобы запустить демонстрационное приложение на своем компьютере.

      Вклад

      angular-fontawesome — продукт сообщества, вы можете взглянуть на документацию разработчика, чтобы узнать больше о том, как внести свой вклад в проект.

      Авторы

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

      Если мы кого-то пропустили (что весьма вероятно), отправьте нам запрос на вытягивание, и мы решим его.

      Команда The Font Awesome:

      файлов шрифтов пакета в NPM для использования в Angular

      Во время работы над системой общих компонентов моей компании я получил запрос от нашей группы разработчиков. Они хотели, чтобы наш бренд соответствовал внутренним документам и другим активам.Поэтому они попросили нас использовать шрифт под названием «Stirling Foundry».

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

      Однако у нас есть несколько команд, которые полагаются на нашу общую систему компонентов, и мы не хотим копировать + вставлять соответствующие определения или файлы шрифтов @ font-face .Какое было наше решение? Отправьте второй пакет npm (во внутреннем реестре npm ), который содержит все наши личные ресурсы, включая файлы шрифтов.

      Давайте рассмотрим, как мы это сделали.

      Поскольку мы хотим отправлять наши пакеты отдельно, мы выбрали два репозитория Git для системы компонентов и частных активов. В новом репозитории у меня для пакета package.json :

        {
        "name": "ecp-private-assets",
        "версия": "1.9.0.0 "
        },
        "хаски": {
          "крючки": {
            "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
          }
        },
        "commitlint": {
          "расширяется": [
            "@ commitlint / config-angular"
          ]
        }
      }  

      Хотя этот пакет не будет поддерживать код, я все же считаю важным поддерживать семвер для пакета. Если путь пакета изменится, семвер сообщит об этом потребителям вашего пакета вместе с подменышем. Таким образом, этот пакет package.json использует стандартную фиксацию и commitlint для автоматического создания журналов изменений и поддержки истории версий.

      Добавить файлы шрифтов

      Шрифт Foundry Stirling, который я отправляю, представляет собой комбинацию из 7 файлов .otf . Я начинаю с создания каталога шрифтов . Внутри этого каталога я помещаю файлов .otf в каталог шрифтов .

      После завершения репозиторий вашего проекта должен выглядеть примерно так:

       .
      ├── CHANGELOG.md
      ├── README.md
      ├── шрифты
      │ ├── foundry_sterling_bold.otf
      │ ├── foundry_sterling_book.otf
      │ ├── foundry_sterling_book_italic.otf
      │ ├── foundry_sterling_demi.otf
      │ ├── foundry_sterling_extra_bold.otf
      │ ├── foundry_sterling_light.otf
      │ └── foundry_sterling_medium.otf
      ├── index.js
      ├── package-lock.json
      └── package.json  

      @ font-face Определение CSS

      Теперь, когда у нас есть шрифты на их месте, нам нужно создать общий файл foundry_stirling.css для доступа к этим шрифтам из CSS.

      Поскольку мы планируем использовать Angular CLI, мы хотим установить для свойства src префикс / assets / , поскольку именно туда Angular отправляет свои активы.

       
      
      @ font-face {
          семейство шрифтов: 'Foundry Sterling';
          стиль шрифта: нормальный;
          
          font-weight: 300;
          src: local ('Foundry Sterling Light'), локальный ('FoundrySterling-light'), формат URL ("/ assets / foundry_sterling_light.otf") ('opentype')
      }
      
      
      
      @ font-face {
          семейство шрифтов: 'Foundry Sterling';
          стиль шрифта: нормальный;
          
          font-weight: 800;
          src: локальный ('Foundry Sterling Extra Bold'), локальный ('FoundrySterling-extra-bold'), формат URL ("/ assets / foundry_sterling_extra_bold.otf") ('opentype')
      }  

      Пока мы используем CSS, если вы хотите установить src в другое место для не-Angular проектов, вы можете использовать SCSS @mixin для определения объявлений @ font-face с настраиваемым $ base_path .

        @mixin foundry_sterling ($ base_path) {
      @ font-face {
       семейство шрифтов: 'Foundry Sterling';
       стиль шрифта: нормальный;
       
       font-weight: 800;
       src: url ("# {$ base_path} /foundry_sterling_extra_bold.otf") формат ('opentype')
      }
      
      
      }  

      Затем, используя пакет в своем клиентском приложении, вы захотите использовать что-то вроде этого:

        @include foundry_sterling ("/ assets")  

      Сопоставление значений имени шрифта

      Поскольку у нашего шрифта было несколько файлов для объявления различных весов значений CSS, нам пришлось объявить @ font-face для каждого из файлов шрифтов. Это отображение, которое мы использовали:

      Значение Общее название массы Связанный файл
      100 Тонкий / Линия роста волос НЕТ
      200 Сверхлегкий / Сверхлегкий НЕТ
      300 Свет foundry_sterling_light.otf
      400 Обычный / Обычный foundry_sterling_book.otf
      500 Средний foundry_sterling_medium.otf
      600 Полужирный / Полужирный foundry_sterling_demi.otf
      700 Полужирный foundry_sterling_bold.otf
      800 Экстра-полужирный / Ультра-жирный foundry_sterling_extra_bold.otf
      900 Черный / тяжелый НЕТ

      Теперь, когда у нас есть пакет npm , настроенный для использования, мы начнем подготовку к использованию этого пакета, установив его в пакет нашего приложения.json :

      Помните, ecp-private-assets — это имя нашего внутреннего пакета. Вам нужно будет заменить эту команду npm i своим собственным именем пакета

      angular.json модификация

      После этого необходимо выполнить два шага. Сначала добавьте следующее в свойство angular.json assets . Это скопирует файлы из ecp-private-assets в / assets после настройки сборки.

        {
        "glob": "** / *",
        "вход": "./node_modules/ecp-private-assets/fonts",
        "вывод": "./assets/"
      }  

      Таким образом, когда мы используем URL-адрес CSS ('/ assets /') , он будет указывать на наши недавно назначенные файлы шрифтов . После добавления ваш angular.json должен выглядеть так:

        {
        "архитектор": {
          "строить": {
            "builder": "@ angular-builders / custom-webpack: browser",
            "опции": {
              "customWebpackConfig": {
                "дорожка": "./webpack.config.js "
              },
              "outputPath": "www",
              "index": "src / index.html",
              "main": "src / main.ts",
              "polyfills": "src / polyfills.ts",
              «tsConfig»: «tsconfig.app.json»,
              "aot": правда,
              "ресурсы": [
                "источник / активы",
                {
                  "glob": "** / *",
                  "вход": "./node_modules/ecp-private-assets/fonts",
                  "вывод": "./assets/"
                }
              ],
              "стили": [
                "src / main.scss"
              ],
              "скрипты": []
            }
          }
        }
      }  

      Импорт CSS

      Теперь, когда у нас есть ресурсы, нам нужно импортировать файл CSS в наше приложение.

      Если ваше приложение использует плагин postcss import или если вы используете ванильный CSS, добавьте следующую строку в файл main.scss :

        @import "ecp-private-assets / fonts / foundry_sterling.css";  

      Не забудьте оставить @import в верхней части файла, иначе вы получите сообщение об ошибке.

      Однако, если вы не используете postcss и у вас установлен SCSS, вы можете использовать следующее:

        @import '~ ecp-private-assets / fonts / foundry_sterling.css ';  

      После того, как вы добавили файл в свой импорт CSS и angular.json , вы должны увидеть, как ваш шрифт загружается должным образом. Поскольку вы настроили свои шрифты на использование npm для их распространения, теперь вы можете повторно использовать свои шрифты в нескольких приложениях.

      Если вы хотите узнать больше или у вас есть вопросы об этой настройке, не стесняйтесь оставлять комментарии ниже или присоединяться к нашему Discord и задавать вопросы там!

      Стили и темы — Иконки

      Стили и темы / Иконки /

      Пакет Kendo UI для Angular предоставляет более 400 встроенных иконок шрифтов для своих компонентов.

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

      Использование шрифтов значков в пользовательском интерфейсе естественным образом заменяет устаревшую технику спрайтов значков.

      Значки шрифтов демонстрируют значительные преимущества, такие как:

      • Улучшенная масштабируемость — в то время как спрайты значков представляют собой растровые растровые изображения и плохо масштабируются, шрифты значков используют векторную графику, идеально выглядят на дисплеях Retina и делают масштабирование таким же простым, как установка параметр конфигурации font-size .
      • Улучшенные возможности дизайна. Вы можете легко применять эффекты CSS «на лету», задав цвет текста, тень или другие параметры для различных состояний взаимодействия. Например, на : hover .
      • Улучшенная поддержка браузера. Значки шрифтов не зависят от браузера и поддерживаются всеми современными браузерами.
      • Уменьшенное количество HTTP-запросов. Чтобы загрузить иконочный шрифт, вам потребуется максимум несколько HTTP-запросов.
      • Уменьшенный размер файла — файл размером 100 КБ содержит примерно 500 векторных значков.

      Чтобы использовать значки шрифтов Kendo UI:

      1. Загрузите тему Kendo UI в свой проект.
      2. Назначьте класс CSS k-icon , за которым следует предопределенный класс из списка значков шрифтов тегу HTML, например элемент , как в .

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

       Копировать код   
      
      <стиль>
          . my-custom-icon-class: before {
              content: «e13a»;
          }
        

      Если вы используете свойство styles в метаданных компонента, вам нужно экранировать содержимое, сделав двойной обратный слеш:

       Копировать код  @Component ({
        селектор: 'мое-приложение',
        стили: [`
           .k-icon.my-custom-icon-class: before {
              content: "\ e13a";
           }
          `],
        шаблон: `
           
        `
      })
      class AppComponent {
      }  

      Вы можете изменить каждый значок, используя:

      Размеры

      Чтобы установить размер значка, используйте свойство CSS font-size .Значки шрифтов Kendo UI созданы на основе сетки 16 пикселей. Чтобы добиться идеального отображения значков, увеличивайте масштаб, сохраняя размер в 16 единиц (32, 48, 64 и т. Д.).

       Копировать код   
       
       
       
      
      <стиль>
          .k-icon-32 {
              размер шрифта: 32 пикселя;
          }
      
          .k-icon-48 {
              размер шрифта: 48 пикселей;
          }
      
          .k-icon-64 {
              размер шрифта: 64 пикселей;
          }
        

      Цвета

      Чтобы установить цвет значка, используйте свойство color CSS.

       Копировать код   
       
      
      <стиль>
          .colored-icon {
              цвет: зеленый;
          }
        

      Переворачивание

      Чтобы лучше разместить значок в вашем приложении, переверните его с помощью предопределенных классов CSS k-flip-h и k-flip-v .

       Копировать код   
       
       
         

      Чтобы отобразить индикатор загрузки для вашего компонента во время его загрузки, вы можете использовать:

      В следующем примере показано, как использовать класс CSS k-i-loading .Вы можете настроить размер и цвет индикатора загрузки так же, как и другие значки.

       Копировать код   
       
         

      Действия

      Пример

      Просмотреть исходный код

      Изменить тему: тема по умолчанию

      Оповещения и уведомления

      Пример

      Просмотреть исходный код

      Изменить тему: тема по умолчанию

      Редактирование

      Пример

      Просмотреть исходный код

      Изменить тему: тема по умолчанию

      Файлы и папки

      Пример

      Просмотреть исходный код

      Изменить тему: тема по умолчанию

      Изображения

      Пример

      Просмотреть исходный код

      Изменить тему: тема по умолчанию

      Макет и навигация

      Пример

      Просмотреть исходный код

      Изменить тему: тема по умолчанию

      Сопоставление

      Пример

      Просмотреть источник

      Изменить тему: тема по умолчанию

      Медиа

      Пример

      Просмотреть исходный код

      Изменить тему: тема по умолчанию

      Социальный обмен

      Пример

      Просмотреть исходный код

      Изменить тему: по умолчанию тема

      Переключить

      Пример

      Просмотреть исходный код

      Изменить тему: по умолчанию e

      Angular Font Awesome — Как установить font awesome в Angular 9/8?


      Hi Dev,

      Сегодня я хотел показать вам, как использовать иконки font awesome в angular 9/8.Я хочу дать вам простой пример значков шрифтов angular 9/8 install awesome с помощью команды npm. мы установим потрясающую библиотеку шрифтов для иконок.

      Иконки — основное требование каждого проекта. значки указывают на большее, писать для него ярлык не нужно. иконки также делают красивый макет нашего приложения. Если вы думаете использовать значки в своем приложении, вы всегда предпочтете использовать значки с отличным шрифтом. font-awesome предоставляет множество значков, и вы можете очень легко им пользоваться.

      Итак, я думаю, что на примере я научусь шаг за шагом устанавливать значки font awesome в приложении angular 8. это очень просто, но для нового разработчика, который может понять, как это можно сделать.

      Давайте посмотрим на шаги ниже:

      Шаг 1: Создание нового приложения

      Вы можете легко создать свое угловое приложение, используя следующую команду:

       

      ng new my-new-app

      Шаг 2: Установка font-awesome

      На этом этапе вам нужно просто установить font-awesome на свой angular 8 и импортировать файл css в файл style.css. это только для импорта css.так что вы можете запустить команду ниже:

       

      npm install font-awesome --save

      Читайте также: Как динамически установить стиль в Angular 8?

      Шаг 3: Импорт CSS

      После успешной установки font-awesome нам нужно импортировать файлы css в файл angular.json. так что давайте добавим к нему следующие строки.

      angular.json

       

      "$ schema": "./node_modules/@angular/cli/lib/config/schema.json",

      "version": 1,

      "newProjectRoot": "projects",

      «проекты»: {

      «appFont»: {

      ....

      "активы": [

      "src / favicon.ico",

      "src / assets"

      ],

      "стили": [

      "node_modules / font-awesome / css / font -awesome.css ",

      " src / styles.css "

      ],

      ......

      ИЛИ, вы также можете указать путь таким образом, если указанное выше не работает:

       

      "$ schema": "./node_modules/@angular/cli/lib/config/schema.json ",

      " версия ": 1,

      " newProjectRoot ":" projects ",

      " projects ": {

      " appFont ": {

      ....

      " assets ": [

      "src / favicon.ico",

      "src / assets"

      ],

      "styles": [

      "../node_modules/font-awesome/css/font-awesome.css",

      » src / styles.css "

      ],

      ......

      Шаг 4: Используйте Font Awesome Icons

      Теперь мы готовы использовать классы font awesome в нашем html файле.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *