gpt4 book ai didi

css - Android设备中的 float 字体

转载 作者:行者123 更新时间:2023-11-28 19:21:04 25 4
gpt4 key购买 nike

我有一个问题,字体由于某种原因实际上是 float 的。这是示例:(顶部 = google chrome 桌面,底部 = 三星互联网浏览器,但同样的事情也发生在 chrome android 中): Floating Font

我在 React 中使用 Helvetica Neue 字体,将其应用于正文:

@font-face {
font-family: "Helvetica Neue";
font-style: normal;
font-weight: normal;
src: url(./assets/fonts/HelveticaNeueLTStd-Lt.otf), url(./assets/fonts/HelveticaNeueLTStd-Bd.otf);
}


body {
font-family: "Helvetica Neue";
}

所以你们知道为什么会这样吗?并希望也有解决方案。谢谢

最佳答案

所以最后我从以下位置下载了字体:https://www.cufonfonts.com/font/helvetica-neue-lt-std .然后使用下面的代码进行测试,分别在桌面浏览器和安卓浏览器中打开。显然,出于某种原因,我使用的 helvetica neue lt std 是唯一有问题的字体。查看屏幕截图。

<html>
<head>
<link href="style-helvetica-neue-lt.css" type="text/css" rel="stylesheet" />
<link href="style-helvetica-neue.css" type="text/css" rel="stylesheet" />
<style>
.container {
background-color: blue;
color: white;
font-size: 50px;
margin-bottom: 10px;
display: block;
}
.arial {
font-family: "arial";
}
.helvetica-neue-lt {
font-family: "Helvetica Neue LT Std 45 Light";
}
.helvetica-neue {
font-family: "Helvetica 43 Light Extended";
}
</style>
</head>

<body>
<span class="container helvetica-neue">Test Helvetica Neue</span>
<span class="container helvetica-neue-lt">Test Helvetica Neue LT</span>
<span class="container arial">Test Arial</span>
<span class="container times-new-roman">Test Times New Roman</span>
</body>
</html>

enter image description here

关于css - Android设备中的 float 字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57291115/

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