Юникод имеет миллион иконоподобных глифов, но их очень сложно найти.
Есть ли символ Unicode, который выглядит как «бинокль» или «увеличительное стекло»? Или есть символ, который используется для обозначения «Поиск», который находится в Unicode?
Юникод имеет миллион иконоподобных глифов, но их очень сложно найти.
Есть ли символ Unicode, который выглядит как «бинокль» или «увеличительное стекло»? Или есть символ, который используется для обозначения «Поиск», который находится в Unicode?
Ответы:
Существует U + 1F50D СТЕКЛЯЮЩАЯ ЛЕГКАЯ ТОЧКА (🔍) и U + 1F50E СТЕКЛЯЮЩАЯ ПРАВА (🔎).
Вы должны использовать (в HTML) 🔍
или🔎
Однако они не поддерживаются многими шрифтами (fileformat.info перечисляет только несколько шрифтов, которые поддерживают Codepoint с правильным глифом).
Также обратите внимание, что они находятся за пределами BMP , поэтому некоторые Unicode-совместимые программы могут иметь проблемы с их рендерингом, даже если у них есть шрифты, которые их поддерживают.
Как правило, Unicode Glyphs можно искать с помощью сайта, такого как fileformat.info . При этом выполняется поиск «только» в именах и свойствах символов Unicode, но они обычно содержат достаточно метаданных, чтобы обеспечить хорошие результаты поиска (для этого ответа я искал «стекло» и просматривал полученный список, например)
@font face
столь редких символов (в шрифтах), как эти, встроенный шрифт ( ) является, пожалуй, единственным вариантом, и несколько проблематичным (поскольку Symbola такой большой шрифт). Символы также появляются в Quivira (версия 3.7) и Segoe UI Symbol (версия 5.01), но это все еще очень ограниченный набор шрифтов. Quivira - бесплатный шрифт, Segoe UI Symbol поставляется с Windows 7 и позволяет редактировать встраивание.
⌕
? Он совершенно не связан, но чем-то напоминает увеличительное стекло и, похоже, включен в стандартные шрифты, а U + 1F50D и U + 1F50E - нет.
Используйте символ ((закодированный как ⚲
или ⚲
) и поверните его для достижения желаемого эффекта:
<div style="-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);">
⚲
</div>
Вращается символ :)
<Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>
. Считаем ли мы веб-программирование само собой разумеющимся сейчас, когда задаем вопрос в Юникоде?
🔍
или 🔎
.
<span class='icn icn-find'></span>
тогда CSS был .icn-find:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: "\26B2"; }
. Прекрасно работает!
Я бы порекомендовал использовать http://shapecatcher.com/ для поиска юникодных символов. Это позволяет вам нарисовать фигуру, которую вы ищете, а затем перечисляет наиболее близкие совпадения с этой формой.
#searchform:after { content: "\002315"; margin-left: -24px; }
Вы можете просто добавить этот CSS в свой заголовок
<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet' type='text/css'>
Затем добавьте этот код в место, где вы хотите отобразить символ глифа.
<div class="fa fa-search"></div> <!-- smaller -->
<div class="fa fa-search fa-2x"></div> <!-- bigger -->
Радоваться, веселиться.
<input>
), поэтому это только решение для случаев, когда вы можете использовать HTML.