【问题标题】:What is the HTML unicode character for a "tall" right chevron? [closed]“高”右雪佛龙的 HTML unicode 字符是什么? [关闭]
【发布时间】:2012-12-27 05:31:54
【问题描述】:

我正在寻找一个 unicode 右 V 形字符,左侧没有手柄,我希望顶部和底部分开很远。类似于 Ubuntu 搜索框中的(网站)箭头。

我不想要»(») 或→(→) 或只是>。第一个的问题是有两个 V 形,而不仅仅是一个。另一个太小了,有把手。第三个的顶点太尖锐。

我已经查看了几乎所有的 unicode 图表,如果没有,那么我只需要使用一个图像(比如 Ubuntu)。我会处理它,但这是最后的手段。

任何帮助将不胜感激!

【问题讨论】:

  • 你可以用svg...或canvas..来绘制它。
  • 我想知道CSS是否可以实现? css-tricks.com/examples/ShapesOfCSS
  • @ScottSimpson 亲爱的我,+1 非常好的参考。 @Ohgodwhy 至于 svg 或 canvas,我可以试试。
  • 问题已关闭,所以我无法发布答案。无论如何,这就是我的建议,使用字符>,然后添加像 `transform: scaleX(.5)' 这样的 css 来拉伸和挤压字符。 codepen.io/cruznunez/pen/rLoQNX
  • Unicode 中的 4 个单 V 形右方字符为: • > 003E 大于号 • › 203 单右尖引号 • 〉232A 右尖括号 • 〉3009 右尖括号我个人觉得没有一个适合我的需要,我通常会选择 Font Awesome angle-right。

标签: html css unicode fonts


【解决方案1】:

使用'›'

› -> 单直角引号。对于单左角引号,使用‹

【讨论】:

  • 谢谢!这就是我一直在寻找的。但是,我不知道是不是因为我使用的字体(Open Sans?),使用› 不起作用,所以我使用了› 列出的等效字体(
  • @ModernDesigner 是的,Open Sans 是 Unicode、AFAIK 和 ›是一个 ASCII 实体,所以这是有道理的。很高兴你想出来了。另外,关于它的价值,请查看fortawesome.github.com/Font-Awesome
  • 或者〉怎么样?发现于alanwood.net/unicode/cjk_symbols_and_punctuation.html
  • 它是一个引号,不是任何一种箭头,几乎不能称为“高”。
  • @JukkaK.Korpela 这就是字体大小的用途。这是 Twitter Bootstrap 用于轮播上的下一个按钮的方法,所以如果我们不试图给它附加任何含义,除了“尖端指示方向”之外,它就可以正常工作。
【解决方案2】:

根据描述和对Ubuntu 站点中搜索框的引用,我推测您实际上想要一个指向右侧的箭头 字符。没有设计用作箭头的 Unicode 字符,但其中一些可能在视觉上类似于箭头。

特别是如果你在Shapecatcher.com处画出你对角色的想法,你会发现很多建议,例如“>”RIGHT-POINTING ANGLE BRACKET'(U+232A)和“❭”MEDIUM RIGHT-POINTING ANGLE支架装饰 (U+276D)。

此类字符通常对字体的支持有限,因此您需要仔细编写较长的font-family 列表或使用可下载的字体。见我的Guide to using special characters in HTML

特别是如果预期用途是作为搜索框中的符号,正如对 Ubuntu 页面的引用所暗示的那样,您是否应该使用字符是值得怀疑的。这里并不是真正的文本元素;而是一个伴随文本但不是文本一部分的图形符号。那么,当它不是一个真正的角色时,为什么还要(安全地)使用一个角色呢?

【讨论】:

  • 感谢您的意见,但我真的确实关心它是否真的被称为箭头。引号与否,它是一个箭头。而且它很高。它适用于我的字体。而且我宁愿使用字符而不是图像,因为它更容易。谢谢你对我的问题感兴趣! :D
  • @ModernDesigner,那么,下一次,花更多时间来制定你的问题;你在这里写过:“我正在寻找一个 unicode 右箭头字符”,但没有指定预期用途。
  • 抱歉,我认为这已经够明显了......
  • +1 用于警告字体支持。
  • 和对应的:左尖括号(警告,码位超过九千):shapecatcher.com/unicode/info/9001
【解决方案3】:

我使用 ▸ (0x25B8) 作为右箭头,通常显示折叠列表;我将它与 ▾ (0x25BE) 配对以显示打开的列表。两者都不显眼。

【讨论】:

    猜你喜欢
    • 2023-03-28
    • 1970-01-01
    • 2014-10-08
    • 1970-01-01
    • 2019-10-30
    • 2014-03-15
    • 2021-11-23
    • 2014-08-05
    • 2021-08-10
    相关资源
    最近更新 更多