Java, UX, HTML, CSS, WEB-design

Введение в цветные шрифты + 16 красивых примеров

Краткое описание по статье Введение в цветные шрифты + 16 красивых примеров

Название: Введение в цветные шрифты + 16 красивых примеров . Краткое описание: [ad_1] ⭐ Готовы ли вы добавить красок на свой сайт? . Дата публикации: 22.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

[ad_1]

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

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

Цветные шрифты, также известные как хроматические шрифты или шрифты OpenType-SVG, разрушают эти барьеры. Эти шрифты могут содержать тени, текстуры, растровые изображения и, конечно же, цвета — даже более одного цвета!

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

НЕОГРАНИЧЕННЫЕ ЗАГРУЗКИ: более 400 000 шрифтов и элементов дизайна

Только начиная с $16.50 в месяц!

Подумаешь?

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

Проблема с простым добавлением эффектов к тексту в Photoshop заключается в том, что результат должен отображаться в виде изображения онлайн. Это означает, что он не может быть выделен, найден или проиндексирован поисковыми системами.

Со шрифтами OpenType-SVG это выглядит так же причудливо, как и все, что вы можете сделать в графическом редакторе, но это реальный текст на странице, а не изображение PNG. Его размер можно изменить, если это векторный шрифт, с которым можно взаимодействовать и редактировать с помощью HTML и CSS. Это имеет огромное значение для веб-дизайнеров и разработчиков.

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

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

В настоящее время цветные шрифты поддерживаются в Edge, Safari и Firefox, а Opera и Internet Explorer — только в Windows. Они также поддерживаются большинством основных графических редакторов и инструментов дизайна, за исключением Adobe XD, Premiere Pro и After Effects.

Отсутствие поддержки Chrome может вас насторожить, но использование цветных шрифтов с запасными вариантами на вашем веб-сайте должно быть безопасным.

Примеры цветных шрифтов

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

Бикса Колор

Пример цвета бикса

Тренд по латинотипу

Пример тренда по латинотипу

Чистое сердце автора Грег Николлс

Пример книги «Чистое сердце» Грега Николлса

банджи

Пример банджи

Ушастая собака Энди Бэбба

Пример Dog Eared от Энди Бэбба

Ночной неон Андрея Ярославцева

Пример ночного неона Андрея Ярославцева

Пикли от Лефа

Пример Пикли от Лефа

Базовая краска от S-Core

Пример Core Paint от S-Core

Да, Саймон Стратфорд

Пример « Да » Саймона Стратфорда

Гречневая крупа

Пример гречихи

DeLittle Chromatic от Wood Type Revival

Пример DeLittle Chromatic by Wood Type Revival

Цветной шрифт Sansterdam от NREY

Пример цветного шрифта Sansterdam от NREY

Макбет от Pixel Surplus и Oghie Novianto

Пример «Макбета» от Pixel Surplus и Oghie Novianto

Вапорфутуризм от Ckybe’s Corner

Пример вапорфутуризма от Ckybe's Corner

Colortube от Neogrey

Пример Colortube от Neogrey

Тимбер Вульф, Грег Николлс

Пример Timber Wolf от Грега Николлса

Украсьте свои проекты красочными шрифтами

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

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

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

НЕОГРАНИЧЕННЫЕ ЗАГРУЗКИ: более 400 000 шрифтов и элементов дизайна

Только начиная с $16.50 в месяц!

Этот пост может содержать партнерские ссылки. Смотрите нашу информацию о партнерских ссылках здесь.

[ad_2]
Source: 1stwebdisigner

Заключение

Вы ознакомились с статьей — Введение в цветные шрифты + 16 красивых примеров

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

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

Ваш адрес email не будет опубликован.

Кнопка «Наверх»