css - 字体粗细在桌面浏览器和 iOS 浏览器上呈现不同

标签 css fonts google-webfonts

我正在使用名为 Open Sans 的 Google Webfont,其 font-weight:800 为 h1 标签指定。当我在 iOS 浏览器(iPhone 或 iPad 上的 Chrome 和 Safari)上查看此页面时,字体渲染比在桌面浏览器中渲染更细。你可以看到这个 screenshot 的区别.

我希望字体粗细在所有设备上呈现相同,谁能帮我?

我的代码:

h1 {
    font-weight: 800;
    font-family: 'OpenSans' 
}

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,600,800' rel='stylesheet' type='text/css'>

最佳答案

我相信你在这里遗漏了一个空格:

font-family: 'Open Sans'

关于css - 字体粗细在桌面浏览器和 iOS 浏览器上呈现不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14550560/

相关文章:

css - Google Webfont 与本地字体冲突

fonts - 当 Google Fonts 加载失败/缓慢时处理?

html - 有没有办法将字体添加到 Assets 文件夹中并为 html 加载它?

css - 在链接中使用字体超棒的堆叠图标

javascript - 仅加载需要的 Google Web 字体的最佳方式是什么?

css - Angular 组件特定样式以使用 tailwind @apply 函数

html - 更改浏览器时需要停止站点移动和重新调整大小

css - 如何将 CSS 滤镜应用于背景图像

javascript - CSS 模糊效果第一次耗时太长

javascript - 检测是否安装了特定字体