- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我对这个很抓狂。我在页面上使用 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/
在命令提示符下,当你按下插入按钮时,光标从细条变为粗条,表明它处于覆盖模式,当你再次按下它时,它又变细表明它处于插入模式有什么办法可以在 C# 中执行此操作吗? 编辑:我想知道是否有办法使光标变粗/变
RubyRogues 播客上有人曾经说过“学习 CoffeeScript,因为 CoffeeScript 编写的 javascript 比你更好。”抱歉,不记得是谁说的... 所以,我采用了一个非常简
我是一名优秀的程序员,十分优秀!