цветных шрифтов — готовьтесь к революции!
Color Fonts — Готовьтесь к революции!цветных шрифта. wtf
Цветные шрифты! ВТФ?
¶ Что такое цветные шрифты?
¶ Что внутри?
¶ Где подвох?
¶ Где я могу их использовать?
¶ Где взять?
¶ Как сделать цветные шрифты?
¶
Что такое цветные шрифты?
A
Стандартный векторный шрифт
Цветной векторный шрифт.
Цветной растровый шрифт. Благодаря новым форматам шрифтов цветные шрифты наконец-то становятся реальностью для миллионов творцов.
Цветные шрифты могут влиять на любой тип текста, поскольку они могут содержать символы любого типа, включая смайлики и значки.
Обратите внимание, что цветные шрифты иногда называют хроматическими шрифтами, что на самом деле немного точнее, поскольку они могут включать многоцветные, серые или даже одноцветные символы.
⇑
¶
Что внутри цветных шрифтов?
Файл цветного шрифта на самом деле представляет собой обычный файл шрифта, который включает дополнительные данные для отображения большего количества графических свойств, чем формы контуров символов.
Цветные шрифты теперь обычно хранятся в виде данных SVG внутри файлов шрифтов OpenType. Этот формат SVG (масштабируемая векторная графика) может содержать векторные фигуры с цветом или градиентами, а также может включать растровые изображения, что приводит к созданию растровых шрифтов.
Таким образом, цветные шрифты теперь официально называются шрифтами OpenType-SVG .
Простой. Верно?
Хорошо, реальность немного сложнее…
#TimeForSomeHistory 😉
Формат шрифта OpenType-SVG изначально был разработан Mozilla & Adobe и стал отраслевым стандартом в начале 2016 года, когда другие крупные игроки, включая Microsoft и Google договорились о едином формате для поддержки цветных шрифтов.
Все они (включая Apple) ранее разработали и внедрили свои собственные цветовые форматы для отображения смайликов в своих операционных системах, в то время как многие другие компании создали другие технологии пользовательских цветных шрифтов для игр, видео или полиграфии.
В настоящее время существует четыре основных формата цветных шрифтов , которые подходят для обычных файлов шрифтов: SBIX, COLR, CBDT и SVG, каждый из которых имеет свои особенности. Прочитайте полную историю здесь или проверьте это упрощенное резюме:
| Вектор | Растровое изображение | Штатная поддержка | |
|---|---|---|---|
| W3C SVG | ✔ | ✔ | macOS 10.14+, iOS 12+, Windows 10+ |
| Apple SBIX | ✔ | macOS и iOS | |
| Google CBDT | ✔ | Андроид | |
| ЦВЕТ Microsoft | ✔ | Windows 8.1+ |
Из-за различий и несовместимости этих форматов индустрия дизайна переживает переходный период, в течение которого может потребоваться несколько форматов цветных шрифтов для обеспечения кросс-платформенной совместимости в нескольких операционных системах, браузерах и приложениях.
Но OpenType-SVG, кажется, имеет все шансы стать золотым стандартом теперь, когда шрифты OpenType-SVG поддерживаются тремя операционными системами.
⇑
¶
Где подвох?
Как насчет размера файла?
Файл цветного шрифта обычно больше, чем файл обычного шрифта, и намного больше, если шрифт содержит символы растрового изображения с высоким разрешением.
В то время как шрифты обычно весят от десятков до нескольких сотен килобайт, цветные векторные шрифты могут весить от сотен килобайт до пары мегабайт в зависимости от их визуальной сложности.
Цветные растровые шрифты могут иметь размер от нескольких мегабайт до десятков мегабайт, а размеры увеличиваются, когда в один файл встраиваются несколько форматов цветных шрифтов.
Как насчет масштабируемости текста?
Хороший вопрос! Цветные шрифты на основе векторных глифов можно изменять без потерь, как и любой обычный шрифт.
Масштабированный цветной векторный шрифт
Масштабированный цветной растровый шрифт
Цветные растровые шрифты, как и любые другие фотографии или пиксельные изображения, будут корректно масштабироваться до определенного размера в зависимости от исходного разрешения. За пределами этого разрешения надпись будет выглядеть пиксельной.
Таким образом, независимо от того, печатаете ли вы текст цветным растровым шрифтом или отображаете его на экранах с высоким разрешением, вам придется проверить, до какого размера он может правильно масштабироваться.
Поскольку цветные растровые шрифты будут использоваться в таких разных контекстах, как Интернет или печать, дизайнерам потребуется несколько версий файлов растровых шрифтов, с полноразмерными изображениями для редактирования на рабочем столе и уменьшенными версиями для Интернета.
⇑
¶
Где можно использовать цветные шрифты?
Теперь, когда OpenType-SVG принят в качестве отраслевого стандарта, есть большая вероятность, что вы сможете начать использовать цветные шрифты в своем любимом программном и аппаратном обеспечении.
Мы постоянно обновляем список приложений и браузеров, поддерживающих цветные шрифты. Вот так:
- 😀 Yes, color fonts are supported
- 😐 Yep, with limitations
- 😢 Nope
Apps
| Цветные шрифты | Поддерживаемые форматы | Комментарии | |
|---|---|---|---|
| Фотошоп | 😀 | СВГ SBIX | |
| Иллюстратор | 😀 | СВГ SBIX | |
| InDesign | 😀 | СВГ SBIX | |
| QuarkXPress | 😀 | SVG SBIX ЦВЕТ | |
| Пиксельматор | 😀 | СВГ SBIX | |
| Эскиз | 😀 | СВГ SBIX | |
| Affinity Designer | 😀 | СВГ | |
Paint. NET | 😀 | СВГ | |
| Adobe XD | 😢 | ||
| Премьер Про | 😢 | ||
| After Effects | 😢 |
Веб-браузеры
| Цветные шрифты | Поддерживаемые форматы | Комментарии | |
|---|---|---|---|
| Microsoft Edge | 😀 | SVG SBIX ЦВЕТ CBDT | |
| Сафари | 😀 | SVG SBIX ЦВЕТ | |
| Firefox | 😀 | SVG ЦВЕТ | |
| Хром | 😢 | ЦВЕТ CBDT | |
| Internet Explorer | 😐 | ЦВЕТ | |
| Опера | 😐 | ЦВЕТ |
⇑
¶
Где взять цветные шрифты?
Цветные шрифты все еще довольно редко встречаются в наши дни из-за их новизны.
Но вам повезло, потому что мы начали собирать классные цветные шрифты:
Gilbert от Type With Pride
Popsky от Игоря Петровича
MEGAZERO от Alex Trochut
Aires от Yai Salinas
Abelone от Maria Grølund
Playbox By Matt Lyon
Bixa Color by novotoypo & Roel Nieskens
Bungee Color By David Jonathan Ross
Oneline Bold By Roman Kaer
5 Color Fonts For For For For Week
5 Color Fonts For Week
5 Color Fonts For Debrentine первая в мире коллекция цветных шрифтов на Creative Market.
Хотите больше? Мы опубликуем прекрасно подобранных цветных шрифта , созданных суперталантливыми дизайнерами (включая несколько бесплатных).
Подпишитесь на нашу рассылку новостей , чтобы получать уведомления, когда они будут выпущены.
(Обещал, спамить не будем;)
Спасибо! Ваша заявка принята!
Ой! Что-то пошло не так при отправке формы.
⇑
¶
Как создать цветные шрифты?
Вы вдохновлены превратить свою красивую надпись в настоящий шрифт? Хорошие новости! Для этого есть действительно классный инструмент:
Fontself Maker
Надстройка для создания шрифтов в Illustrator или Photoshop (Mac и ПК)
49 долларов США (Единоразовая покупка с бесплатными обновлениями)
Отказ от ответственности: мы являемся частью Fontself 😉
www.fontself.com
Подпишитесь на нас в Твиттере @colorfontswtf – мы вернемся с новыми новостями о цветных шрифтах. До скорой встречи 👋 и не забудьте подписаться на нашу рассылку.
⇑
Изменить цвет текста по умолчанию (цвет шрифта) в Word
Word для Microsoft 365 Word для Microsoft 365 для Mac Word для Интернета Word 2021 Word 2021 для Mac Word 2019Word 2019 для Mac Word 2016 Word 2016 для Mac Word 2013 Word 2010 Больше.
..Меньше
Откройте шаблон или документ на основе шаблона, настройки по умолчанию которого вы хотите изменить.
Перейдите на страницу Home и выберите диалоговое окно «Шрифт».
Выберите стрелку рядом с Цвет шрифта , а затем выберите цвет.
Выберите Установить по умолчанию , а затем выберите один из следующих вариантов:
org/ListItem»>Выберите OK .
Откройте шаблон или документ на основе шаблона, настройки по умолчанию которого вы хотите изменить.
Перейти к Формат > Шрифт > Шрифт .
Вы также можете нажать и удерживать + D, чтобы открыть диалоговое окно Шрифт .
Выберите стрелку рядом с Цвет шрифта
