gpt4 book ai didi

html - Unicode 不同大小的箭头

转载 作者:行者123 更新时间:2023-11-28 10:31:35 26 4
gpt4 key购买 nike

我有以下代码:

.testFont {
font-size: 16px;
}
<!DOCTYPE HTML>
<html>

<head>
</head>

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

</html>

下面的 unicode 表显示我上面使用的箭头的大小应该相等(从目测来看):

enter image description here

enter image description here

enter image description here

为什么它们呈现不同?我怎样才能得到等效的箭头大小?

Fiddle

更新

在 Chrome 和 Safari 上测试都使向下箭头变大?

输出图片

enter image description here

最佳答案

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

enter image description here enter image description here

为避免这种情况,请自己定义要使用的字体(最好是一种网络字体,这样您就可以确保每个人看到的都是一样的,但我不知道支持这些字形的字体)。

.testFont {
font-size:16px;
/* only tested on mac OS,
if someone could lead me to default win and *nix default fonts,
I'd be glad to include it
*/
font-family: 'Arial Unicode MS', 'Consolas';
}
<div class="outter">
<div class="testFont">&#9652</div>
<div class="testFont">&#9662</div>
</div>

关于html - Unicode 不同大小的箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42966871/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com