62 символов · копируйте свободно

Карточные масти остаются текстом

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

Залитые масти

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

Контурные масти

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

Пики — полный ранг

Каждая пиковая карта от туза до короля — отдельным символом (U+1F0A1–U+1F0AE).

Черви — полный ранг

От туза до короля червей (U+1F0B1–U+1F0BE).

Бубны — полный ранг

От туза до короля бубен (U+1F0C1–U+1F0CE).

Трефы — полный ранг

От туза до короля треф (U+1F0D1–U+1F0DE), плюс джокеры и карта рубашкой вверх.

Нажмите на любой символ, чтобы скопировать его. Ничего не скачивается — это текстовые символы, а не изображения.

Блоки Unicode

  • U+2660–U+2667 Разные символы
  • U+1F0A0–U+1F0F5 Игральные карты

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

01

Скопируйте масть или карту

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

02

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

Добавьте невидимый селектор варианта U+FE0E сразу после ♠ ♥ ♦ ♣, чтобы закрепить монохромный глиф. Без него некоторые платформы подставляют красно-чёрный эмодзи, который нельзя перестилизовать.

03

Сочетайте залитое с контурным вместо красного с чёрным

Использование ♠ против ♤ различает двух игроков по форме, а не по цвету, поэтому различие сохраняется при чёрно-белой печати и для людей с дальтонизмом.

04

Выкладывайте карты моноширинным шрифтом

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

О «Карточные масти»

Четыре масти на позициях U+2660–U+2667 — одни из старейших символов в Unicode, унаследованные от наборов символов пишущих машинок и терминалов, существовавших до него. Каждая масть представлена дважды: залитой и контурной версией. Это удвоение необычайно полезно, поскольку позволяет различать две стороны по форме, а не по цвету, — запись ♠♥ против ♤♡ по-прежнему читается верно на чёрно-белой распечатке или для игрока с дальтонизмом.

Гораздо менее известный уголок Unicode — блок Playing Cards на U+1F0A0, который кодирует всю колоду из 52 карт плюс джокеры и карту рубашкой вверх, каждую отдельным символом. Туз пик — это не составная последовательность, а один-единственный код U+1F0A1. Поэтому покерная рука из пяти карт — это пять символов обычного текста: без картинок, спрайтов и разметки. Поддержка шрифтами хороша на десктопе и неоднородна на мобильных устройствах, так что проверяйте перед тем, как показывать колоду аудитории с телефонов.

У червей и бубен та же проблема двойного представления, что и у чёрной шахматной пешки. Поскольку ♥ используется ещё и как эмодзи, многие платформы автоматически отображают его красным сердцем, что незаметно ломает монохромную вёрстку и перебивает ваш CSS-цвет. Селектор текстового варианта U+FE0E, добавленный сразу после символа, принудительно включает обычный глиф. Каждая карта на этом сайте пропускает свою масть через этот селектор, поэтому масти принимают акцентный цвет страницы, а не приходят уже раскрашенными.

Стоит отметить один настоящий подвох в блоке: у каждой масти есть карта «кавалер» (U+1F0AC и аналоги), потому что блок моделирует таро-колоду из 56 карт, и ранги идут так: туз, от двойки до десятки, валет, кавалер, дама, король. Если слепо перебирать коды символов подряд, чтобы собрать стандартную колоду из 52 карт, вы захватите четыре ненужных кавалера. Пропускайте код кавалера в каждой масти.

Игры, нарисованные этими символами

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

Часто задаваемые вопросы

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

Кликните по любому символу выше, чтобы скопировать его в буфер обмена. Чтобы ввести его напрямую: на Windows зажмите Alt и наберите на цифровой клавиатуре 6 для ♠, 3 для ♥, 4 для ♦ и 5 для ♣; на macOS откройте панель эмодзи и символов через Control-Command-Пробел и найдите название масти.

Почему мои черви и бубны автоматически становятся красными?

У них есть и текстовое, и эмодзи-представление, и некоторые платформы по умолчанию выбирают эмодзи. Добавьте селектор текстового варианта U+FE0E сразу после символа, чтобы принудительно включить монохромный глиф, — после этого он будет обычным образом наследовать цвет текста.

Есть ли символ Unicode для каждой игральной карты?

Да. Блок Playing Cards на U+1F0A0–U+1F0F5 кодирует все 52 карты по отдельности, плюс джокеры и рубашку карты. Учтите, что в нём также есть кавалер в каждой масти — блок моделирует таро-колоду из 56 карт, — так что для стандартной колоды нужно пропустить эти четыре кода.

Можно ли изменить цвет символа карточной масти?

Да, если использовать текстовое представление, а не эмодзи. Как текст они реагируют на CSS-свойство `color`, как и любой символ, так что можно отрисовать ♥ голубым, а ♠ — янтарным. Эмодзи-представление полностью игнорирует цвет, поэтому и нужен U+FE0E.

В чём разница между ♠ и ♤?

Это залитая и контурная версии одной и той же масти. В Unicode они называются «black spade suit» и «white spade suit», но названия описывают заливку, а не цвет, — раскрасить можно любой из символов как угодно. Их сочетание — способ показать двух игроков без использования цвета.

Support the arcade

Нравятся игры?

UnicodeGames бесплатен, без рекламы и всегда таким останется. Если игра скрасила вам перерыв на кофе, можете отплатить тем же.

Угостить меня кофе

One-off · No account needed · Handled by Buy Me a Coffee