css - 无法复制字体清晰度

Question

我正在尝试用 Polymer 重建这个网站:http://qprogrammers-mockup.webflow.io/ .所以我可以在未来轻松扩展它。我把所有东西都放下了，我使用相同的字体、字体粗细、字体大小，我用 chrome 扩展 whatfont 检查了这个？

但是字体好像不一样。示例网站仍然更加清晰。我阅读了 css，但我无法找出原因。我还补充说:

body {
    background-color: e8e8e8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

Answer 1

鉴于您的示例，我不知道您还有多少 CSS。但这可能只是你没有调用 webfont Open Sans 的情况，你的浏览器正在恢复到它正在使用的任何无衬线字体。您可以将以下行添加到 CSS 的顶部，看看它是否有所不同:

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

最后，您的背景颜色属性中缺少“#”:

    background-color: #e8e8e8;