Html Unicode不同大小的箭头_Html_Css_Unicode

Html Unicode不同大小的箭头

html css unicode

Html Unicode不同大小的箭头,html,css,unicode,Html,Css,Unicode,我有以下代码： .testFont{ 字体大小：16px； } ▴ ▾ 箭头似乎大小相同，我认为这是一种视错觉。请参阅fiddle with arrows输出：我没有更改您的任何代码： <body> <div class="outter"> <div class="testFont">&#9652</div> <div class="testFont">&#9662</div&g

我有以下代码：

.testFont{
字体大小：16px；
}


▴
▾

箭头似乎大小相同，我认为这是一种视错觉。请参阅fiddle with arrows输出：我没有更改您的任何代码：

<body>
<div class="outter">
   <div class="testFont">&#9652</div>
   <div class="testFont">&#9662</div>
</div>

</body>


▴
▾

这是因为Lucida Grande字体可能是您系统上的默认字体：

为了避免这种情况，请定义自己使用的字体（最好是webfont，这样可以确保每个人都看到相同的字体，但我不知道有哪个字体支持这些字形）

.testFont{
字体大小：16px；
/*仅在mac OS上测试，
如果有人能引导我使用默认的win和*nix默认字体，
我很乐意把它包括在内
*/
字体系列：“Arial Unicode MS”、“ConsoleAS”；
}


▴
▾

LOL Chris这不是视错觉向下的箭头肯定很大让我添加一个fiddle@xenophon我的眼睛一定很难看，lmao可能是浏览器的东西吗？你在用什么浏览器，我在Mac 57.0.2987.98（64位）@xenophon上使用chromeChrome，它们在我的小提琴中看起来完全一样，你指的是箭头背后的背景还是箭头本身？嗨，Kaido，谢谢你为我工作。但出于兴趣，我在另一个例子中设置了我的字体系列：字体系列：'Helvetica Neue'，Helvetica，Arial，sans serif；但我还是有同样的问题。这是否意味着特定的字体系列把它搞砸了？我不明白为什么会发生这种情况？@xenophon显然，Helvetica不支持这些标志符号，Helvetica Neue和Arial也不支持，但Arial Unicode MS–支持，在您的系统上，无衬线可能默认为Lucida Grande。您可以在字符表“字体变体”的右侧面板中检查mac Os系统上的哪个字体支持哪个字符。但是再一次，如果你打算面对网络，请使用网络字体。好的，谢谢你的意思是当你试图使用这些字符时使用网络字体，对吗？不仅如此。最好是为每个人设置一个全局web字体，然后只使用特殊字符

body{font系列：myDefaultWebFont、mySpecialCharactersOne、Helvetica…sans serif}

。