Шрифты названия: Шрифты в HTML (font, font-family, font-face)

Содержание

Все кириллические шрифты 2017 года

Все кириллические шрифты 2017 года

ПрактикаНовостиКириллица

Продолжаем традицию — публикуем список всех шрифтов с кириллицей, вышедших в 2017 году. Список подготовлен совместно с редакцией журнала «Шрифт» при активном участии Анастасии Минасовой, Али Садретдиновой, Миши Белецкого, Валерия Голыженкова, Евгения Григорьева. Мы благодарим коллег за помощь в составлении этого материала.

11 апреля 2018 г.

Список из 221 шрифта мы (Илья Рудерман и Юрий Остроменцкий) разделили на несколько групп, исходя из сугубо личного представления о прекрасном и собственного опыта работы с кириллицей (сверху вниз):

шрифты с идеальной кириллицей;
шрифты с хорошим или приемлемым качеством кириллицы;
шрифты с кириллицей, вызывающие вопросы;
шрифты, в которых кириллица не получилась совсем.

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

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

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

Шрифты, вышедшие в 2017 году на type.today, или те, кириллицу к которым создала студия CSTM Fonts

Druk by Berton Hasebe (Commercial Type), CSTM Fonts (Cyrillic) Dala Floda by Paul Barnes (Commercial Type), Ilya Ruderman (Cyrillic) CSTM Xprmntl 01 by Yury Ostromentsky, Ilya Ruderman (CSTM Fonts) First Prize Condensed by Valery Golyzhenkov (LetterHead Studio) CSTM Emoji by Yury & Alexey Ostromentsky (CSTM Fonts) Vesterbro by Black[Foundry] Trola by Jordi Embodas (Tipografies) Stratos by Production Type, CSTM Fonts (Cyrillic) RIA Typeface by Yury Ostromentsky (CSTM Fonts) Navigo by Ilya Ruderman, Yury-Ostromentsky (CSTM Fonts)

Spectral by Production Type, CSTM Fonts (Cyrillic)

Sang Bleu Versailles by Swiss Typeface, CSTM Fonts (Cyrillic) Sang Bleu Sunrise by Swiss Typeface, CSTM Fonts (Cyrillic) Sang Bleu Republic by Swiss Typeface, CSTM Fonts (Cyrillic) Sang Bleu Kingdom by Swiss Typeface, CSTM Fonts (Cyrillic) Sang Bleu Empire by Swiss Typeface, CSTM Fonts (Cyrillic)

Шрифты с идеальной, по нашему мнению, кириллицей

FF Casus by Eugene Yukechev (FontFont) Creata by Ivan Petrov Cera Round Pro by Jakob Runge, Lisa Fischbach (TypeMates) FF Attribute by Viktor Nübel (FontFont) New Rubrik & New Rubrik Edge by Miles Newlyn, Adam Katyi, Leo Philp, Alexei Vanyashinn (TypeNetwork) Avory by Sláva Jevčinová (Rosetta Type Foundry) Aeroport by Gayaneh Bagdasaryan, Vyacheslav Kirilenko (Browfox)

Lab Grotesque by Göran Söderström (Letters from Sweden) Trim by Göran Söderström (Letters from Sweden) Mikro by Göran Söderström (Letters from Sweden)

Soyuz Grotesk by Roman Gornitsky Lansere by Oleg Macujev Moreno by Alexander Nedelev (Typedepot) Lamon by Dmitry Lamonov (ALS) Kreker by Andrey Kudryavtsev (AKTF) Ghost Dancer by Yuri Veselov Fit by David Jonathan Ross (DJR) Fado by Olga Umpeleva Bowsprit by Yury Veselov

Wolpe Tempest by Toshi Omagari, Berthold Wolpe (Monotype) Wolpe Fanfare by Toshi Omagari, Berthold Wolpe (Monotype) Albertus Nova by Toshi Omagari, Berthold Wolpe (Monotype) Rozza by Denis Serebryakov Canapa by Denis Serebryakov

Armavir by Zakhar Yaschin (FontaZY) Fungia by Ivan Petrov Versatile Bold by Charles Borges de Oliveira, Vassil Kateliev (Borges Lettering) DR Lineart by Dmitry Rastvortsev Din Next Stencil by Sabina Chipara, Akira Kobayashi (Linotype)

Dead Mementro by Valery Golyzhenkov (Letterhead Studio)

Yu Hand Two by Yuri Gordon (Letterhead Studio) Seasons Winter by Yuri Gordon (Letterhead Studio) Pricelist by Valery Golyzhenkov (Letterhead Studio) Oneday by Yuri Gordon (Letterhead Studio) Mr FaraDay by Yuri Gordon (Letterhead Studio) Monomania by Valery Golyzhenkov (Letterhead Studio) IDOLS by Yuri Gordon (Letterhead Studio) Heather Type by Yuri Gordon (Letterhead Studio) dAndi by Yuri Gordon (Letterhead Studio) yumodzi by Yuri Gordon (Letterhead Studio)

Шрифты с хорошим или приемлемым качеством кириллицы

Mediator Serif by Alexander Lubovenko, Manvel Shmavonyan (ParaType) Muffin by Natalia Vasilyeva (Paratype) Mojito by Zakhar Yaschin (ParaType) Iowan Old Style by John Downer, Natalia Vasilyeva (ParaType) Ida by Maria Kharlamova (ParaType) Hypocrite by Alexander Lubovenko (ParaType) Din 2014 Stencil by Vasily Biryukov (ParaType) Deca Serif New by Natalia Vasilyeva (ParaType)

Calendula by Natalia Vasilyeva (ParaType) Mayak by Yana Nosenko, Dmitry Kirsanov (ParaType)

Madelyn by Jacklina Jekova, Svet Simov (Fontfabric) Zing Rust by Stan Partalev, Svet Simov (Fontfabric) Uni Neue by Plamen Motev, Svet Simov (Fontfabric) Cheque by Mirela Belova (Fontfabric)

NCT Granite by Nathan Zimet (NCT) Tactic Round by Richard Miller (Miller Type Foundry) Sybilla Multiverse by Vassil Kateliev (Karandash) Studio Sans by Michael Chereda (BrightHead Studio) Estricta by Pablo Balcells (Graviton) DXAngelus Mediaval by Dmitriy Horoshkin Cormac by Alexander Nedelev (Typedepot) Bruta Global by Natanael Gama (Ndiscover) Asket by Elena Kowalski (Glen Jan)

Biker New by Gleb Guralnyk Varvara by Thierry Gouttenègre (TeGeType) Persea SST by Sergei Titov Moewe by Coen Hofmann (FontForum)

Magiel Pro by Mateusz Machalski (BORUTTA GROUP) John Tapextra by Georg John Growling by Alexandr Galuzin DR Zhek by Dmitry Rastvortsev

Tomarik by Mariya V. Pigoulevskaya (The Northern Block) Neusa Next by Mariya V. Pigoulevskaya (The Northern Block) Eldwin by Ksenia Belobrova (The Northern Block)

Skema Pro by Andriy Konstantynov (Mint Mype) Orchidea Pro by Andriy Konstantynov (Mint Mype) Opinion Pro by Oleh Lishchuk (Mint Mype) Excentra Pro by Andriy Konstantynov (Mint Mype) Deposit Pro by Oleh Lishchuk (Mint Mype)

RF Rufo by Misha Panfilov (Russian Fonts) RF Rostin by Misha Panfilov (Russian Fonts) RF Krabuler by Misha Panfilov (Russian Fonts) RF Barbariska by Misha Panfilov (Russian Fonts)

Wola by Franciszek Otto (Monotype) Tazugane Gothic by Akira Kobayashi, Kazuhiro Yamada, Ryota Doi (Monotype) SST by Akira Kobayashi (Monotype) Hombre by Thomas Oldfield (Monotype) Cavolini by Carl Crossgrove (Monotype)

Vinograd by Typemate Shnobel by Typemate Bulky by Typemate

UT Laurelle by Roman Avdiushkin (Uniontype) Snowdrop by Dmitriy Chirkov (MediaLab. Co) Signaturistar by Pedro Teixeira Scandilover & Scandilover Script by Katsia Jazwinska ML Tokyo Aurora by Dmitriy Chirkov-(MediaLab.Co) Manus Smooth by Geert Dijkers Celestina by Antonina Zhulkova (Piñata) WORKSHOP Pencil by Lazar Dimitrijević (Posterizer KG) WORKSHOP Marker by Lazar Dimitrijević (Posterizer KG) WORKSHOP Brush by Lazar Dimitrijević (Posterizer KG)

Spike Bot by Rodrigo Araya Salas (RodrigoTypo) Pintanina Pro by Rodrigo Araya Salas, Franco Jonas Hernández, Andrey Kudryavtsev(RodrigoTypo) Pequena Neo by Rodrigo Araya Salas (RodrigoTypo) Mi Cocina by Rodrigo Araya Salas (RodrigoTypo) Kawaii RT by Rodrigo Araya Salas (RodrigoTypo) Hatter Display Pro by Rodrigo Araya Salas, Andrey Kudryavtsev (RodrigoTypo) Clarence & Clarence Two by Rodrigo Araya Salas (RodrigoTypo) AK Sans by Andrey Kudryavtsev Axiforma by Galin Kastelov

Sassoon Infant by Rosemary Sassoon, Adrian Williams (Sassoon Williams) Praho Pro by Maciej Włoczewski (Picador) Platz Grotesk by Franco Jonas Hernández (W Foundry) Normative Pro by Dmitry Greshnev (Green Type) Golf by Coen Hofmann, Hendrik Möller (FontForum) Decima Mono Cyr by Ramiz Guseynov (TipografiaRamis) BW Modelica LGC by Alberto Romanos (Branding with Type)

Ample Soft Pro by Aakash Soneri (Soneri Type) Venue by Panos Vassiliou (Parachute)

Venus Rising by Ray Larabie (Typodermic) Toxigenesis by Ray Larabie (Typodermic) Squirty by Ray Larabie (Typodermic) Refuel by Ray Larabie (Typodermic) PCTL4800 & PCTL9600 by Ray Larabie (Typodermic) Minicomputer by Ray Larabie (Typodermic)

Шрифты с кириллицей, вызывающие вопросы

Whortle by Patrick Griffin (Canada Type) Vintage Deco by Patrick Griffin (Canada Type) Colville by Patrick Griffin (Canada Type) Basilio by Hans van Maanen, Stefan Schlesinger (Canada Type)

Retra by Dima Pole Konung by Dima Pole Hors by Dima Pole GOR by Dima Pole Getman by Dima Pole Garuspik by Dima Pole Dubrove by Dima Pole Keltichi by Dima Pole

Twelkmeyer by Anna Seslavinskaya (Popkern) Sargento Gorila by Fernando Haro (Popkern)

Sanity by Anna Seslavinskaya (Popkern)

Simple Stamp by Oleg Stepanov Rauda by Pablo Balcells Odds by Veneta Rangelova (DearType) Memesique by Egor Stremousov Festa Classica by Dmitry Greshnev (Green Type) Fedot by Oleg Stepanov Ermis Pro by Ekke Wolf (Typic) DXKometa by Dmitriy Horoshkin Bergen Text by Milos Mitrovic (Mindburger Studio) Bergen Mono by Milos Mitrovic (Mindburger Studio)

Studio Gothic by Andrea Tartarelli, Cosimo Lorenzo Pancini, Francesco Canovaro (Zetafonts) Panforte Pro by Francesco Canovaro (Zetafonts) Hello Script by Zetafonts Heading Pro by Francesco Canovaro (Zetafonts) Florentia by Zetafonts Cocotte by Cosimo Lorenzo Pancini (Zetafonts) Cocosignum by Cosimo Lorenzo Pancini (Zetafonts) Cocomat by Cosimo Lorenzo Pancini (Zetafonts) Cocogoose Pro by Cosimo Lorenzo Pancini (Zetafonts)

CocoBikeR by Cosimo Lorenzo Pancini (Zetafonts) Coco Gothic by Cosimo Lorenzo Pancini (Zetafonts) Cinematografica by Francesco Canovaro (Zetafonts) Antipasto Pro by Cosimo Lorenzo Pancini (Zetafonts) Aliens & Cows by Francesco Canovaro (Zetafonts) Adlery Pro by Cosimo Lorenzo Pancini (Zetafonts)

Шрифты, в которых, как мы считаем, кириллица не получилась совсем

Savoiardi by Alex Etewut Ropa Mix Pro by Botio Nikoltchev (lettersoup) Quarion by Rene Bieder Obla by Ana Prodanovic (LetterPalette) Neue Helvetica World by Linotype Merlo Neue Round by Typoforge Studio Kunst Family by Matt Grey FF Signa Round & FF Signa Slab Stencil by Ole Søndergaard (FontFont) Better Together by Katsia Jazwinska

Tangak by Dastan Miraj Railroad Gothic Pro by Steve Jackaman Quador by Arne Freytag (Fontador) Poster Brush by Emil Karl Bertell (Fenotype) Mick by Oleg Stepanov Gullcoast by Agi Pramudiman (LochTypography) DXEgyptian Fett by Dmitriy Horoshkin Big Fish by Emil Karl Bertell (Fenotype) Artegra Sans & Slab by Ceyhun Birinci

Segaon by Hyun Seung Lee (cretype) Geon & Geon Soft by Hyun Seung Lee (cretype) Caros & Caros Soft by Hyun Seung Lee (cretype) Artico by Hyun Seung Lee (cretype)

Vernyhora by Bohdan Hdal Smooch by Rob Leuschke Maeve by Fiona Clarke (Bonez Designz) Isabel Condensed by Juan Pablo De Gregorio, Eleonora Lana (Letritas) Headlock by David Kerkhoff (Hanoded) Grigory by David Kerkhoff (Hanoded) Cyceon Pro by Vangelis Dim. Gardikiotis (DBSV) Camper by Emil Karl Bertell (Fenotype) Boxed Round by Josep Patau (Tipo Pèpel) Amalfi by Irina Vascovet

Project Sans by Dan Jones (TypeUnion) Old Kharkiv by Bohdan Hdal Nocturne Serif by Mateusz Machalski (BORUTTA GROUP) Journeyman by Cato Hernes Jensen (Cafe.no) Jasan by František Štorm (Storm) ITC New Rennie Mackintosh by Charles Rennie Mackintosh, Phill Grimshaw (ITC) Farbe by Fiona Clarke (Bonez Designz) Curator by Alex Etewut

Итого: в 2016 году мы насчитали 100 шрифтов с кириллицей, в 2017-м в список вошёл уже 221 шрифт. Это говорит о многом. Да, качество кириллицы в каких-то случаях оставляет желать лучшего, но это придёт, научимся. Важно, что ещё чуть-чуть и можно будет перестать говорить о дефиците шрифтов и отсутствии новинок. С чем мы вас и поздравляем!

Материал подготовил Илья Рудерман.

Поиск шрифтов на сайте Adobe Fonts

Руководство пользователя Отмена

Поиск

Последнее обновление Oct 06, 2022 02:08:53 PM GMT

Руководство пользователя Illustrator
Основы работы с Illustrator
1. Введение в Illustrator
  1. Новые возможности в приложении Illustrator
  2. Часто задаваемые вопросы
  3. Системные требования Illustrator
  4. Illustrator для Apple Silicon
2. Рабочая среда
  1. Основные сведения о рабочей среде
  2. Ускоренное обучение благодаря панели «Поиск» в Illustrator
  3. Создание документов
  4. Панель инструментов
  5. Комбинации клавиш по умолчанию
  6. Настройка комбинаций клавиш
  7. Общие сведения о монтажных областях
  8. Управление монтажными областями
  9. Настройка рабочей среды
  10. Панель свойств
  11. Установка параметров
  12. Рабочая среда «Сенсорное управление»
  13. Поддержка Microsoft Surface Dial в Illustrator
  14. Отмена изменений и управление историей дизайна
  15. Повернуть вид
  16. Линейки, сетки и направляющие
  17. Специальные возможности в Illustrator
  18. Безопасный режим
  19. Просмотр графических объектов
  20. Работа в Illustrator с использованием Touch Bar
  21. Файлы и шаблоны
3. Инструменты в Illustrator
  1. Краткий обзор инструментов
  2. Выбор инструментов
    1. Выделение
    2. Частичное выделение
    3. Групповое выделение
    4. Волшебная палочка
    5. Лассо
    6. Монтажная область
  3. Инструменты для навигации
    1. Рука
    2. Повернуть вид
    3. Масштаб
  4. Инструменты рисования
    1. Градиент
    2. Сетка
    3. Создание фигур
  5. Текстовые инструменты
    1. Текст
    2. Текст по контуру
    3. Текст по вертикали
  6. Инструменты рисования
    1. Перо
    2. Добавить опорную точку
    3. Удалить опорные точки
    4. Опорная точка
    5. Кривизна
    6. Отрезок линии
    7. Прямоугольник
    8. Прямоугольник со скругленными углами
    9. Эллипс
    10. Многоугольник
    11. Звезда
    12. Кисть
    13. Кисть-клякса
    14. Карандаш
    15. Формирователь
    16. Фрагмент
  7. Инструменты модификации
    1. Поворот
    2. Отражение
    3. Масштаб
    4. Искривление
    5. Ширина
    6. Свободное трансформирование
    7. Пипетка
    8. Смешать
    9. Ластик
    10. Ножницы
4. Быстрые действия
  1. Ретротекст
  2. Светящийся неоновый текст
  3. Старомодный текст
  4. Перекрашивание
  5. Преобразование эскиза в векторный формат
Illustrator на iPad
1. Представляем Illustrator на iPad
  1. Обзор по Illustrator на iPad.
  2. Ответы на часто задаваемые вопросы по Illustrator на iPad
  3. Системные требования | Illustrator на iPad
  4. Что можно и нельзя делать в Illustrator на iPad
2. Рабочая среда
  1. Рабочая среда Illustrator на iPad
  2. Сенсорные ярлыки и жесты
  3. Комбинации клавиш для Illustrator на iPad
  4. Управление настройками приложения
3. Документы
  1. Работа с документами в Illustrator на iPad
  2. Импорт документов Photoshop и Fresco
4. Выбор и упорядочение объектов
  1. Создание повторяющихся объектов
  2. Объекты с переходами
5. Рисование
  1. Создание и изменение контуров
  2. Рисование и редактирование фигур
6. Текст
  1. Работа с текстом и шрифтами
  2. Создание текстовых надписей по контуру
  3. Добавление собственных шрифтов
7. Работа с изображениями
  1. Векторизация растровых изображений
8. Цвет
  1. Применение цветов и градиентов
Облачные документы
1. Основы работы
  1. Работа с облачными документами Illustrator
  2. Общий доступ к облачным документам Illustrator и совместная работа над ними
  3. Публикация документов для проверки
  4. Обновление облачного хранилища для Adobe Illustrator
  5. Облачные документы в Illustrator | Часто задаваемые вопросы
2. Устранение неполадок
  1. Устранение неполадок с созданием или сохранением облачных документов в Illustrator
  2. Устранение неполадок с облачными документами в Illustrator
Добавление и редактирование содержимого
1. Рисование
  1. Основы рисования
  2. Редактирование контуров
  3. Рисование графического объекта с точностью на уровне пикселов
  4. Рисование с помощью инструментов «Перо», «Кривизна» и «Карандаш»
  5. Рисование простых линий и фигур
  6. Трассировка изображения
  7. Упрощение контура
  8. Определение сеток перспективы
  9. Инструменты для работы с символами и наборы символов
  10. Корректировка сегментов контура
  11. Создание цветка в пять простых шагов
  12. Рисование перспективы
  13. Символы
  14. Рисование контуров, выровненных по пикселам, при создании проектов для Интернета
2. 3D-объекты и материалы
  1. Подробнее о 3D-эффектах в Illustrator
  2. Создание трехмерной графики
  3. Проецирование рисунка на трехмерные объекты
  4. Создание трехмерного текста
3. Цвет
  1. О цвете
  2. Выбор цветов
  3. Использование и создание цветовых образцов
  4. Коррекция цвета
  5. Панель «Темы Adobe Color»
  6. Цветовые группы (гармонии)
  7. Панель «Темы Color»
  8. Перекрашивание графического объекта
4. Раскрашивание
  1. О раскрашивании
  2. Раскрашивание с помощью заливок и обводок
  3. Группы с быстрой заливкой
  4. Градиенты
  5. Кисти
  6. Прозрачность и режимы наложения
  7. Применение обводок к объектам
  8. Создание и редактирование узоров
  9. Сетки
  10. Узоры
5. Выбор и упорядочение объектов
  1. Выделение объектов
  2. Слои
  3. Группировка и разбор объектов
  4. Перемещение, выравнивание и распределение объектов
  5. Размещение объектов
  6. Блокировка, скрытие и удаление объектов
  7. Копирование и дублирование объектов
  8. Поворот и отражение объектов
  9. Переплетение объектов
6. Перерисовка объектов
  1. Кадрирование изображений
  2. Трансформирование объектов
  3. Объединение объектов
  4. Вырезание, разделение и обрезка объектов
  5. Марионеточная деформация
  6. Масштабирование, наклон и искажение объектов
  7. Объекты с переходами
  8. Перерисовка с помощью оболочек
  9. Перерисовка объектов с эффектами
  10. Создание фигур с помощью инструментов «Мастер фигур» и «Создание фигур»
  11. Работа с динамическими углами
  12. Улучшенные процессы перерисовки с поддержкой сенсорного ввода
  13. Редактирование обтравочных масок
  14. Динамические фигуры
  15. Создание фигур с помощью инструмента «Создание фигур»
  16. Глобальное изменение
7. Текст
  1. Дополнение текстовых и рабочих объектов типами объектов
  2. Создание маркированного и нумерованного списков
  3. Управление текстовой областью
  4. Шрифты и оформление
  5. Форматирование текста
  6. Импорт и экспорт текста
  7. Форматирование абзацев
  8. Специальные символы
  9. Создание текста по контуру
  10. Стили символов и абзацев
  11. Табуляция
  12. Текст и шрифты
  13. Поиск отсутствующих шрифтов (технологический процесс Typekit)
  14. Обновление текста из Illustrator 10
  15. Шрифт для арабского языка и иврита
  16. Шрифты | Часто задаваемые вопросы и советы по устранению проблем
  17. Создание эффекта 3D-текста
  18. Творческий подход к оформлению
  19. Масштабирование и поворот текста
  20. Интерлиньяж и межбуквенные интервалы
  21. Расстановка переносов и переходы на новую строку
  22. Усовершенствования работы с текстом
  23. Проверка орфографии и языковые словари
  24. Форматирование азиатских символов
  25. Компоновщики для азиатской письменности
  26. Создание текстовых проектов с переходами между объектами
  27. Создание текстового плаката с помощью трассировки изображения
8. Создание специальных эффектов
  1. Работа с эффектами
  2. Стили графики
  3. Создание тени
  4. Атрибуты оформления
  5. Создание эскизов и мозаики
  6. Тени, свечения и растушевка
  7. Обзор эффектов
9. Веб-графика
  1. Лучшие методы создания веб-графики
  2. Диаграммы
  3. SVG
  4. Создание анимации
  5. Фрагменты и карты изображений
Импорт, экспорт и сохранение
1. Импорт
  1. Помещение нескольких файлов в документ
  2. Управление связанными и встроенными файлами
  3. Сведения о связях
  4. Извлечение изображений
  5. Импорт графического объекта из Photoshop
  6. Импорт растровых изображений
  7. Импорт файлов Adobe PDF
  8. Импорт файлов EPS, DCS и AutoCAD
2. Библиотеки Creative Cloud Libraries в Illustrator
  1. Библиотеки Creative Cloud Libraries в Illustrator
3. Диалоговое окно «Сохранить»
  1. Сохранение иллюстраций
4. Экспорт
  1. Использование графического объекта Illustrator в Photoshop
  2. Экспорт иллюстрации
  3. Сбор ресурсов и их массовый экспорт
  4. Упаковка файлов
  5. Создание файлов Adobe PDF
  6. Извлечение CSS | Illustrator CC
  7. Параметры Adobe PDF
  8. Информация о файле и метаданные
Печать
1. Подготовка к печати
  1. Настройка документов для печати
  2. Изменение размера и ориентации страницы
  3. Задание меток обреза для обрезки и выравнивания
  4. Начало работы с большим холстом
2. Печать
  1. Наложение
  2. Печать с управлением цветами
  3. Печать PostScript
  4. Стили печати
  5. Метки и выпуск за обрез
  6. Печать и сохранение прозрачных графических объектов
  7. Треппинг
  8. Печать цветоделенных форм
  9. Печать градиентов, сеток и наложения цветов
  10. Наложение белого
Автоматизация задач
1. Объединение данных с помощью панели «Переменные»
2. Автоматизация с использованием сценариев
3. Автоматизация с использованием операций
Устранение неполадок
1. Проблемы с аварийным завершением работы
2. Восстановление файлов после сбоя
3. Проблемы с файлами
4. Поддерживаемые форматы файлов
5. Проблемы с драйвером ГП
6. Проблемы устройств Wacom
7. Проблемы с файлами DLL
8. Проблемы с памятью
9. Проблемы с файлом настроек
10. Проблемы со шрифтами
11. Проблемы с принтером
12. Как поделиться отчетом о сбое с Adobe
13. Повышение производительности Illustrator

Приложение Illustrator CC 2014 ищет шрифт в библиотеке Adobe Fonts, если не обнаружило его в файле графического объекта. Если шрифт доступен на сайте Adobe Fonts, вы можете быстро синхронизировать его на компьютере, чтобы восстановить отображение графического объекта в Illustrator.

Дополнительные сведения о том, как в целом работать с Adobe Fonts, см. в разделе Adobe Fonts.

Улучшенное диалоговое окно поиска/замены шрифтов

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

Выполняется активация	Указывает на то, что выполняется активация отсутствующего шрифта из библиотеки Adobe Fonts.
Состояние	Показывает выполняемое действие.

A. Activation-in-progress B. Состояние

Шрифт отсутствует	Указывает на отсутствующий шрифт.
Флажок активации	Выберите флажок для активации отсутствующего шрифта.
Активировать шрифты	Нажмите кнопку, чтобы активировать отсутствующие шрифты с сайта Adobe Fonts на компьютере.
Всплывающее меню	Выберите всплывающее меню и установите флажки для фильтрации списка отображаемых шрифтов.

A. Шрифт отсутствует B. Флажок активации C. Активировать шрифты D. Всплывающее меню

Поиск отсутствующих шрифтов с помощью Adobe Fonts

Важно! Для использования этой функции выполните следующие действия:

Войдите в приложение Creative Cloud.
Включите синхронизацию шрифтов в приложении Creative Cloud (приложение Creative Cloud > «Установки» > вкладка «Шрифты» > параметр включения/отключения синхронизации).

Откройте файл графического объекта, содержащего текстовые элементы. Если в текстовом элементе используется шрифт, недоступный на компьютере, текст будет выделен розовым цветом.
При обнаружении отсутствующих шрифтов текст выделяется розовым цветом.
В диалоговом окне Отсутствующие шрифты отображается список отсутствующих шрифтов. Вращающееся колесико напротив названия шрифта означает, что в данный момент выполняется поиск этого шрифта в библиотеке Adobe Fonts.
- Наличие поля для флажка напротив названия шрифта означает, что шрифт доступен в библиотеке Adobe Fonts. Чтобы активировать эти шрифты, нажмите Активировать шрифты.
- Если в поле напротив имени шрифта не установлен флажок, это означает, что шрифт недоступен на веб-сайте Adobe Fonts.
  Для поиска и замены шрифтов выберите Заменить шрифты.
В диалоговом окне «Отсутствующие шрифты» выполняется проверка доступности шрифтов на сайте Adobe Fonts.
(Необязательно) В диалоговом окне Отсутствующие шрифты нажмите Активировать шрифты для отображения полного списка шрифтов и выполните одно из действий, описанных ниже.
- Установите флажки рядом с отсутствующими шрифтами в списке Fonts in Document и выберите Активировать шрифты.
- С помощью раскрывающегося списка Список шрифтов для замены замените любые шрифты, недоступные на веб-сайте Adobe Fonts, другими шрифтами.
Используйте диалоговое окно «Найти шрифты» для активации отсутствующих шрифтов или замены их другими шрифтами, доступными в документе или на компьютере.
В диалоговом окне Найти шрифты выберите Закрыть.
После того как отсутствующие шрифты были синхронизированы на компьютере, приложение Creative Cloud отображает уведомление о количестве загруженных шрифтов (или название одного шрифта). Документ обновлен, в текстовых элементах отображаются правильные шрифты.
Когда все отсутствующие шрифты и текстовые элементы синхронизированы с сайта Adobe Fonts на компьютере, у текстовых элементов пропадает розовый фон.

Настройка замененных шрифтов

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

В диалоговом окне Установки теперь можно выбрать режим выделения шрифта, добавленного путем замены (нажмите сочетание клавиш Ctrl/Cmd + K, перейдите на вкладку «Текст» и установите флажок Подсветить подставленные шрифты).
По умолчанию этот режим включен.
Этот параметр поддерживается только в Illustrator и доступен для всех открытых в приложении документов.

В более ранних версиях флажок Подсветить подставленные шрифты находился в диалоговом окне Параметры документа и относился к конкретному файлу. Начиная с Illustrator CC 2014 этот параметр является настройкой на уровне приложения.

Вход в учетную запись

Войти

Управление учетной записью

Лучшие практики комбинирования шрифтов — Smashing Magazine

10 минут чтения
Типографика, Дизайн, Шрифты
Поделиться в Twitter, LinkedIn

Об авторе

Дуглас Бонневиль — дизайнер, художник, писатель и энтузиаст UX из Род-Айленда, самого большого маленького штата. Чрезмерно заинтригован комбинациями шрифтов (и… Больше о Дуглас ↬

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

Сочетание шрифта без засечек с шрифтом с засечками

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

Еще после прыжка! Продолжить чтение ниже ↓

В приведенном ниже примере — типичном макете статьи — у нас есть Trade Gothic Bold No. 2 в паре с Bell Gothic с левой стороны. Оба шрифта без засечек. Однако у них очень разные характеры. Хорошее эмпирическое правило, когда дело доходит до проблем с дизайном заголовка и основного текста, состоит в том, чтобы не привлекать чрезмерного внимания к индивидуальности каждого шрифта. Trade Gothic, пожалуй, серьезный шрифт. Bell Gothic, с другой стороны, гораздо более динамичный и откровенный.

Сочетание этих двух создает нежелательный конфликт в дизайне . Trade Gothic хочет добраться до фактов, а Bell Gothic хочет повеселиться. Такое напряжение, вероятно, не является частью цели дизайна, и его следует избегать.

Теперь давайте посмотрим на пример справа. Мы заменили Bell Gothic на величественный Sabon. Sabon, шрифт с засечками, очень хорошо работает с Trade Gothic. Они оба сосредоточены на жирной четкости с хорошо читаемыми глифами из-за их большой высоты x. Оба шрифта в этом контексте выполняют одну и ту же миссию, и это создает отличное сочетание.

Избегайте похожих классификаций

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

В первом примере слева у нас есть заголовок, набранный Clarendon Bold, который представляет собой шрифт с засечками . Основная копия слева — это Officina Serif, которая также имеет размер 9.0016 плитка с засечками . Шрифты с засечками известны своей индивидуальностью, и им нравится доминировать в любой области дизайна, в котором они используются. Объединение двух шрифтов с засечками вместе может создать ненужное и неприглядное напряжение.

Теперь обратите внимание на пример справа. Заголовок Clarendon Bold сочетается с гораздо более нейтральным шрифтом New Baskerville. New Baskerville — это универсальный шрифт с переходными засечками с широкими глифами, который хорошо сочетается с массивным шрифтом Clarendon. В то же время он отступает и позволяет Кларендону иметь всю индивидуальность, которую он хочет. В результате эта комбинация работает очень хорошо.

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

Одним из очень простых способов комбинирования нескольких шрифтов из нескольких гарнитур является разработка ролевой схемы для каждого шрифта или гарнитуры и ее следование. В следующем примере мы использовали жирный шрифт Akzidenz Grotesk, набранный заглавными буквами, в ярлыке автора вверху. Затем мы используем Rockwell Bold для заголовка статьи. Наше вступление для основного текста и шрифт основного текста — Bembo разных размеров. Наконец, рубрика второго уровня — Akzidenz Grotesk Medium.

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

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

Контрастность шрифта

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

В примере слева у нас есть приличный контраст размера, но недостаточный контраст веса шрифта. Myriad Light, установленный над Minion Bold, имеет тенденцию исчезать и терять визуальную значимость. Однако мы хотим, чтобы читатель обратил внимание на заголовок, а не на основной текст, по крайней мере, вначале.

Справа мы установили Myriad Black над Миньоном, нормальный вес. Это может быть немного деспотичным, но нет никакой путаницы в том, что читатель должен смотреть в первую очередь.

Создание множества типографских цветов

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

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

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

Не смешивайте настроения

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

Слева от этого примера у нас есть Franklin Gothic Bold в паре с Souvenir. Основное ощущение Franklin Gothic — стоическое, прочное, сильное, но с утонченным чувством элегантности и миссии. Не плюшевый, а функциональный. С другой стороны, Souvenir игривая, непринужденная, немного отстраненная и очень красивая. Эти два шрифта вместе производят впечатление охранника Букингемского дворца, который покорно игнорирует игривую маленькую девочку у его ног, пытающуюся заставить его улыбнуться. Такое смешанное настроение просто не очень хорошо работает . Смешение шрифтов может привлечь внимание к типографике, а не к сообщению, что приводит к плохому дизайну.

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

Контрастный отчетливый с нейтральным

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

В нашем примере левый столбец сочетает Dax Bold с Bernhard Modern. Это плохой выбор по крайней мере по двум очевидным причинам, которые мы рассмотрим.

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

Давайте посмотрим на лучший выбор. В правом столбце Dax Bold сочетается с Caslon. Caslon — это шрифт в старом стиле, но он был модернизирован и очищен, чтобы хорошо сочетаться с другими шрифтами. В этом контексте он удовлетворительно работает с Даксом. Обратите внимание, как вы видите личность Дакса в заголовке, но Каслон отходит в сторону и доводит до читателя сообщение? В этом контексте Кэслон неплохо действует как нейтральный выбор для поддержки более яркого Дакса.

Избегайте слишком несопоставимых комбинаций

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

Слева Antique Olive Nord — очень тяжелый шрифт — в паре с Garamond Narrow. Чрезмерно усердный контраст и его последствия очевидны. В большинстве случаев этот крайний контраст выходит за рамки привлечения внимания и становится неловким. Это плохо служит сообщению копии.

Справа Antique Olive Nord был заменен на более приглушенный Antique Olive Bold. Garamond Narrow можно было бы заменить на Garamond с книжным весом, но после некоторых размышлений лучшим выбором был Chaparral. Chaparral имеет более высокую x-высоту, чем Garamond, и в целом является более современным и, следовательно, более нейтральным выбором для контраста с идиосинкразическим присутствием Antique Olive Bold.

Не усложняйте — попробуйте всего два шрифта

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

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

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

И Helvetica Neue, и Garamond имеют разные, но нейтральные личности, и они могут создавать сложные макеты вместе и вокруг друг друга, потому что мы поддерживаем строгую визуальную иерархию. Правила планирования и следование им с правильными шрифтами могут дать отличные результаты с минимальными усилиями.

Используйте разные размеры точек

Мы сохранили один из самых простых принципов напоследок: используйте разные размеры точек для создания контраста и различия .

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

Справа у нас есть два одинаковых шрифта, но разных размеров. TheMix Italic был значительно увеличен, а New Century Schoolbook уменьшен до разборчивого, но более удобного размера.

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

В заключение

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

Дополнительные ресурсы

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

29 принципов создания отличных комбинаций шрифтов Узнайте больше о принципах сочетания шрифтов
Смешивание гарнитур (PDF) Просмотрите эту классическую таблицу, которая оценивает возможные варианты комбинации с цифрами 1, 2 и 3
4 Техники комбинирования шрифтов Замечательно иллюстрированная статья о том, что построение палитры — процесс интуитивно понятный, но в то же время им можно руководствоваться принципами.

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

Проблемы типографского сглаживания
Шаблоны проектирования и лучшие практики
50 Полезные инструменты и ресурсы для типографики
Выразительная веб-типография : Полезные примеры и методы

Кроме того, не стесняйтесь подписываться на нас в Twitter и присоединяться к нашему сообществу на Facebook.

Штирлиц — Сеть печатных салонов в Перми