gpt4 book ai didi

jquery - Safari 渲染页面字体更细,页面上有 jQuery slider

转载 作者:行者123 更新时间:2023-12-01 06:11:40 27 4
gpt4 key购买 nike

我对这个很抓狂。我在页面上使用 FlexSlider,效果很好;然而,运行此程序时,Safari(Mac 版本,而非 ios)会将页面上的字体渲染得更细。 Firefox 和 Chrome 都没有问题。这是我的基本代码,以防有帮助:

<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/flexslider.css" />
<title>Title</title>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/flexslide.js"></script>
</head>

<body>
<div id="header"><span class="slogan">Slogan At The Top</span></div>

<h1>View These Slides</h1>
<div class="gallery">
<div class="flexslider-container">
<div class="flexslider">
<ul class="slides">
<li><div class="slider">Element 1</div></li>
<li><div class="slider">Element 2</div></li>
</ul>
</div>
</div>
</div>

</body>
</html>

我实际上认为这种情况下的代码没有帮助。我觉得这更多是 Safari 和 FlexSlider 中的问题。我以为我已经将问题范围缩小到了 FlexSlider 对 translate3d 的使用,但结果并没有成功。

还有其他人经历过 Safari 根据 jQuery 元素甚至 Flash 视频(本例中未使用)更改字体粗细吗?另外,我没有使用任何嵌入字体,仅供引用。

最佳答案

分享这个,因为它解决了我的问题...我只是将以下内容添加到我的 CSS 文件中

html { -webkit-font-smoothing: antialiased; }

这是一个反向修复,因为它会更改页面上其余文本的显示方式,就像在 slider 中一样。反之亦然将需要您修改 flexslider javascript 代码。

从这里得到这个:https://github.com/desandro/isotope/issues/209#issuecomment-7377938

关于jquery - Safari 渲染页面字体更细,页面上有 jQuery slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9049524/

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