Unicodeには100万個のアイコンのようなグリフがありますが、検索は非常に困難です。
「双眼鏡」や「虫眼鏡」のようなUnicodeグリフはありますか?または、Unicodeの「検索」を意味するために使用されている記号はありますか?
Unicodeには100万個のアイコンのようなグリフがありますが、検索は非常に困難です。
「双眼鏡」や「虫眼鏡」のようなUnicodeグリフはありますか?または、Unicodeの「検索」を意味するために使用されている記号はありますか?
回答:
U + 1F50D左ポインティング拡大鏡があります(🔍)とU + 1F50E右向き虫眼鏡(🔎)。
(HTMLで)使用する必要があります 🔍
または🔎
ただし、それらは多くのフォントでサポートされていません(fileformat.infoは、適切なグリフでコードポイントをサポートしているフォントをいくつかリストしています)。
また、それらはBMPの外にあることに注意してください。ため、一部のUnicode対応ソフトウェアでは、それらをサポートするフォントがある場合でも、レンダリングに問題が発生する可能性がください。
一般に、Unicodeグリフはfileformat.infoなどのサイトを使用して検索できます。これは、Unicodeグリフの名前とプロパティで「のみ」を検索しますが、通常、適切な検索結果を可能にするのに十分なメタデータが含まれています(この回答では、「グラス」を検索して結果のリストを参照しました)。
@font face
)がおそらく唯一のオプションであり、多少問題があります(Symbolaは非常に大きなフォントであるため)。文字は、Quivira(バージョン3.7)とSegoe UI Symbol(バージョン5.01)にも表示されますが、それでも非常に限定されたフォントセットです。Quiviraはフリーフォントです。SegoeUI 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>
ます。Unicodeの質問をするとき、私たちは当たり前のようにWebプログラミングを取っていますか?
🔍
またはの🔎
。
<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"; }
。よく働く!
Unicode文字の検索に役立つように、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を使用できる場合の解決策にすぎません。