Unicode 有一百万个类似图标的字形,但它们很难搜索。
有没有看起来像“双筒望远镜”或“放大镜”的 Unicode 字形?或者是否有一个用于表示“搜索”的符号,它是 Unicode 格式的?
Unicode 有一百万个类似图标的字形,但它们很难搜索。
有没有看起来像“双筒望远镜”或“放大镜”的 Unicode 字形?或者是否有一个用于表示“搜索”的符号,它是 Unicode 格式的?
有U+1F50D左指向放大镜()和U+1F50E右指向放大镜()。
您应该使用(在 HTML 中)🔍
或🔎
但是,许多字体不支持它们(fileformat.info 仅列出了一些字体以支持具有适当字形的代码点)。
另请注意,它们不在BMP范围内,因此某些支持 Unicode 的软件在渲染它们时可能会遇到问题,即使它们有支持它们的字体。
通常可以使用诸如fileformat.info之类的站点来搜索 Unicode 字形。这会“仅”搜索 Unicode 字形的名称和属性,但它们通常包含足够的元数据以提供良好的搜索结果(例如,对于这个答案,我搜索了“glass”并浏览了结果列表)。
请注意,您可以使用Unicode 变体选择器来明确选择字形的呈现方式。具体而言,文本样式的 VS15 (U+FE0E) 和表情符号样式的 VS16 (U+FE0F) 与此处相关。只需将它们附加到您选择的 Unicode 符号上,以表明您是否希望将其呈现为文本或表情符号(假设软件/浏览器支持选择器和相关表示):
Unicode 符号 | 变体选择器 | HTML 编码 | 结果 |
---|---|---|---|
U+1F50E | 没有任何 | 🔎 |
|
U+1F50E | VS15 = U+FE0E | 🔎︎ |
︎</td> |
U+1F50E | VS16 = U+FE0F | 🔎️ |
️</td> |
请注意,结果可能因平台而异。例如,Chrome 似乎总是在 Linux 和 Windows 上将此字符呈现为表情符号。
使用 ⚲ 符号(编码为⚲
或⚲
),并旋转它以达到所需的效果:
<div style="-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);">
⚲
</div>
它旋转一个符号:)
我建议使用http://shapecatcher.com/来帮助搜索 unicode 字符。它允许您绘制您所追求的形状,然后列出与该形状最接近的匹配项。
您可以简单地将这个 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 -->
玩得开心。