Какой символ Unicode вы используете на своем сайте? (вместо значков изображений) - PullRequest
33 голосов
/ 27 августа 2009

Я ищу символ, который мог бы заменить значок изображения, например, такие как ✘ (xmark) и ✔ (галочка), возможно, какой-нибудь символ для «черновика» или «нового сообщения»?

EDIT:

Избранное: ❤

Черновик: ✍

Сообщение: ✉

Ответы [ 12 ]

23 голосов
/ 04 декабря 2012

Чтобы найти полезные символы, у меня есть два замечательных ресурса:

http://shapecatcher.com

Позволяет рисовать фигуру, которую затем ищет символы юникода аналогичной формы.

https://www.fileformat.info/info/unicode/block/index.htm

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

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

Разное. Блоки символов

http://shapecatcher.com/unicode/block/Miscellaneous_Symbols_And_Pictographs также является большой категорией символов Unicode, хотя, как и для всех Unicode, вам, возможно, придется проверить совместимость.

https://www.fileformat.info/info/unicode/block/miscellaneous_symbols/images.htm - блок различных символов, для сравнения.

  • ⌚ U + 0231A ЧАСЫ
  • ⌛ U + 0231B ПЕСОЧНЫЕ ЧАСЫ
  • ♟ U + 265F ШАХМАТНАЯ ЛАБОРАТОРИЯ
  • ⚷ U + 26B7 ХИРОН
  • ★ U + 2605 SOLID STAR
  • ✓ U + 2713 ПРОВЕРКА МАРКА
  • ☑ U + 2611 КВАРТАЛЬНАЯ ПРОВЕРКА
  • ✕ U + 2715 МУЛЬТИПЛИКАЦИЯ X
  • ☒ U + 2612 КВАДРАТНЫЙ X-ED BOX
  • ⚠ U + 26A0 ПРЕДУПРЕЖДАЮЩИЙ ЗНАК

Также являются хорошими символами для добавления в список.

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

20 голосов
/ 27 августа 2009
10 голосов
/ 27 августа 2009

← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙

просто назвать несколько ...

8 голосов
/ 27 августа 2009

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

5 голосов
/ 27 августа 2009

Я использовал стрелки блока: U + 25b2 ▲, U + 25ba ►, U + 25bc ▼, U + 25c4 ◄

5 голосов
/ 27 августа 2009

Посмотрите на http://unicode.org/charts#symbols для некоторых идей. Я не уверен, что сработает для "черновика" или "нового сообщения", но есть из чего выбрать.

4 голосов
/ 27 августа 2009

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

3 голосов
/ 06 апреля 2013

http://unicode -table.com / тоже отлично, но для некоторых юникодов, предназначенных для иконок веб-дизайна, я рекомендую: http://kudakurage.com/ligature_symbols/.

2 голосов
/ 07 февраля 2014

Twitter Bootstrap использует & раз; (×) для кнопок закрытия.

1 голос
/ 19 мая 2016

Я удивлен, что никто не опубликовал Unicode emojis :

Диапазон U + 1F600 - U + 1F64F

Только некоторые из списка:

?: U+1F601: GRINNING FACE WITH SMILING EYES &#128513
?: U+1F602: FACE WITH TEARS OF JOY &#128514
?: U+1F603: SMILING FACE WITH OPEN MOUTH &#128515
?: U+1F604: SMILING FACE WITH OPEN MOUTH AND SMILING EYES &#128516
?: U+1F605: SMILING FACE WITH OPEN MOUTH AND COLD SWEAT &#128517
?: U+1F606: SMILING FACE WITH OPEN MOUTH AND TIGHTLY-CLOSED EYES &#128518
?: U+1F637: FACE WITH MEDICAL MASK &#128567

Также взгляните на этот список классных иконок из Дополнительный список

☣: U+2623: BIOHAZARD SIGN &#9763
☢: U+2622: RADIOACTIVE SIGN &#9762

...