为什么谷歌字体在谷歌的网站上看起来很清晰，而在我的网站上却没有答案

【问题标题】：Why do Google fonts look crisp on google's site but not on mine为什么谷歌字体在谷歌的网站上看起来很清晰，而在我的网站上却没有
【发布时间】：2014-10-27 00:51:30
【问题描述】：

我正在使用来自 Google 字体的 josefin sans 字体。它在他们的网站上看起来清晰锐利，对于所有浏览器来说都是如此。但是当我通过链接到提供的 css 文件将字体导入我的网站时，它们看起来又薄又模糊。我知道您可以进行一些修复，但它们不能始终如一地工作。为什么会这样？将这些字体放在本地有帮助吗？

【问题讨论】：

它们是什么格式的？
您用于导入字体文件的 CSS 是什么？
我使用谷歌提供的 fonts.googleapis.com/…" /> 导入它们，我使用类似 font-size: 11px;字体家族：“约瑟夫·桑斯”；字体粗细：300；字体样式：正常；白颜色;文本对齐：居中；文本转换：大写；
@nuway 我不确定，但我认为您需要在 href 之前添加“//”或“http://”，因为它可能指向本地文件而不是 Google字体服务器。

标签： css fonts font-face webfonts

【解决方案1】：

如果您愿意，每种字体（或几乎每种字体）都会散列一些“子字体”，它们是原始字体的细微变化。确保你选择了你真正想要的那个。看看变化： Josefin Sans

【讨论】：

是的。我的印象是你只能设置字体粗细。我可以设置 light、regular 或 semi-bold 属性吗？如果可以，用什么 CSS 属性？
@nuway 这些都是一样的。您基本上选择了您想要选择的“重量”。在这种情况下，它分别是：300、400 和 600。
@EstebanFelix Google Fonts 选择字体时的默认设置是 300 我相信他可能没有选择正确的字体。
@nuway 好吧，你也可以设置粗体、斜体等，但这是在 css 中的familiy-font 属性内
所以你说它的字体系列：“Josefin Sans Regular”；字体重量：400；获得在regular-400 下列出的字体？顺便说一句，您的屏幕截图中的字体看起来不太好

【解决方案2】：

您是否确保包含所有需要的字体文件？

您的 CSS 链接应如下所示：

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

【讨论】：

那不是@import，它是<link>
@ViruZX 对不起，我的意思是link。你在技术上是正确的，最好的一种正确。