代码之家 › 专栏 › 技术社区 › AbstractProblemFactory

您在网站中使用什么Unicode字符?(而不是图像图标)

user-interface unicode html

AbstractProblemFactory · 技术社区 · 16 年前

我正在寻找可以替代图像图标的字符,例如(xmark)和(tick),可能是“草稿”或“新消息”的符号?

编辑:

Fav:

草案:

12 回复 | 直到 16 年前

Community Mohan Dere 6 年前

为了找到有用的符号,我有两个很棒的资源:

http://shapecatcher.com

画形状,然后搜索形状相似的unicode符号。

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

这两种方法都非常有用,尽管我最近经常使用ShapeCacher,因为这是一个有趣的休息,能够绘制出你想要的形状,并让网站为你拉出来。至少,有时它会把它挂起来。

杂项。符号块

http://shapecatcher.com/unicode/block/Miscellaneous_Symbols_And_Pictographs 也是unicode符号的一大类,尽管与所有unicode一样,您可能需要测试兼容性。

https://www.fileformat.info/info/unicode/block/miscellaneous_symbols/images.htm

U+0231B沙漏
U+265F实心棋子
·U+26B7凯龙
U+2605实心星
U+2713复选标记
U+2612方形X-ED盒

也是添加到列表中的好符号。

编辑:在2019年,我现在建议使用一个健壮的图标包,无论是svg格式还是字体文件格式,unicode的表示对web开发人员来说通常不太可控。

Joachim Sauer 15 年前

stackoverflow.com U+25CF BLACK CIRCLE )为了徽章。

Unicode中有大量有用的字符:

Badfish 16 年前

â â â â

仅举几个例子。。。

ceejayoz 16 年前

为什么不仔细阅读呢 the whole list

Kzqai 13 年前

看看 http://unicode.org/charts#symbols 我想听听你的想法。我不确定什么对“草稿”或“新消息”有效,但有很多选择。

Kzqai 12 年前

U+25b2、U+25ba、U+25bc、U+25c4

Mark Ransom 16 年前

浏览器页面中选择的字体可能不支持某些符号。即使他们是,他们中的许多人在小尺寸看起来真的很糟糕。如果可以,最好使用图像。

Plasebo 13 年前

http://unicode-table.com/ 也很棒,但对于一些专为网页设计图标设计的Unicode,我建议: http://kudakurage.com/ligature_symbols/ .

Dan Dascalescu 12 年前

Twitter引导使用×( × )用于关闭按钮。

rofrol 11 年前

我建议使用自定义字体,如 https://github.com/FortAwesome/Font-Awesome

https://github.com/encharm/Font-Awesome-SVG-PNG

https://google.github.io/material-design-icons/ 动画:

Matas Vaitkevicius user3782709 10 年前

posted Unicode emojis 然而:

Range 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

还可以查看以下来自的酷图标列表 Supplemental list

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

jxramos 8 年前

我使用放大镜图标作为锚的主体,链接到一个很酷的交互页面进行一些数据分析,允许用户像这样配对任意数据选择 example

 <a href="{{ url_for( 'interactiveParamExplorePage' ) }}" title="Explore merge column pairs.">&#x1F50E;</a>