html - Google 网络字体 Source Sans Pro 在 Google Chrome 中以斜体显示

标签 html css google-chrome fonts

我有一个网站在 Chrome 中显示错误。为了消除所有因素,我使用了 Google 的示例:

<html>
<head>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Source+Serif+Pro|Source+Sans+Pro">
<style>
  body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 48px;
  }
</style>
</head>
<body>
  <div>Making the Web Beautiful in Source Sans Pro!</div>
  <div style="font-family: 'Source Serif Pro', sans-serif">Making the Web Beautiful in Source Serif Pro!</div>
</body>
</html>

我无法让 sans 正常显示 (Chrome v53.0.2785.116 m): enter image description here

最佳答案

找到了,在我看来像是字体错误:

在分析了 Google 自己的网站后,我发现必须使用:

 font-family: 'Source Sans Pro rev=1', sans-serif;

关于html - Google 网络字体 Source Sans Pro 在 Google Chrome 中以斜体显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39666095/

相关文章:

jQuery - 如何 "reset".css() 旋转图标?

javascript - jQuery focus() 不聚焦

javascript - 使用在 Firefox 中工作的文件 :///, AJAX 打开页面,而不是 Chrome 或 IE

html - 我可以使用 svg 图像(即 xml)作为 list-style-image CSS 属性吗?

javascript - 是否可以仅使用 HTML 和服务器端(Node)js 在 Node/Express 中发出 post 请求?

html - 有没有办法只使用 css 或 html 使文本填充按钮大小?

javascript - backstretch 导致 chrome 中的其他背景图像出现问题

javascript - 如何为 Google Chrome 扩展程序动态更改 popup.html 的大小

javascript - 哪个 JavaScript 库最适合绘制具有多个系列且每个系列的点数较少的折线图

javascript - 任何用于动画饼图的 JS 框架?