html - 'Open Sans', sans-serif 在 mac 中看起来不一样

标签 html css

我在我的网站上使用“Open Sans”、sans-serif 作为字体系列。但它在 mac 系统中看起来有点不同。

这是它在 mac 中的样子。 和 enter image description here

这是在其他系统中。

最佳答案

这实际上是两种不同的字体。查看每张图片中的字母“a”。它们有不同的尾部。

我的猜测是您在一台计算机上安装了 Open Sans,而在另一台计算机上没有安装?底部的图像看起来最像 Open Sans,所以我猜你可能已经在那里安装了它。 (显然,我并不是说您需要安装它才能使字体正常工作,但安装它可以解释为什么它会出现在那里而不是另一台计算机)

您如何包含字体,因为看起来它实际上没有被正确包含。如果您没有正确包含字体,而是在 CSS 中设置了字体,则安装了该字体的计算机将显示正确的字体,但另一台计算机将显示后备字体。

编辑: 如果你没有在任何一台设备上安装它,那么它们实际上都不是 Open Sans,它们都是后备字体。最上面的图片对我来说看起来像 Helvetica。如果您使用的是 Chrome,请尝试执行“检查元素”并转到“计算”(我不熟悉在其他浏览器中查看此内容的类似方法,对不起)以查看它们实际生成的字体。

关于html - 'Open Sans', sans-serif 在 mac 中看起来不一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36708954/

相关文章:

java - XSS 清理嵌套 html 标签输入

jquery - 使用 HTML5 canvas 制作一个简单的汽车游戏

javascript - 在任何地方关闭 sldenav 覆盖

javascript - 如何使用 howler js 更新进度条?

javascript - 如何使用纯 javascript 将 css 边距值转换为像素?

javascript - 在 React 中实现 HTML5 Canvas 渐变

html - 禁用时样式选择::-ms-expand

javascript - .hover() Jquery 需要帮助

css - 在 iPad 上水平重复背景图像

javascript - Div 填充剩余的垂直空间