3

我正在开发一个网站。我正在使用谷歌字体来设置我的页面样式。但它没有正确显示。我已经阅读了一些关于人造字体的内容，但我相信这仅适用于未提供所需字体的情况。我已经导入了我的谷歌字体，代码是

@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v1/anMUvcNT0H1YN4FII8wprx7IBmrqA5IG9z8WNe77b9o.woff) format('woff');
}

我的字体CSS是

font-size:30px;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;

但我相信它显示的是人造字体。这是左侧应该是什么样子的图像与右侧显示的图像之间的区别。

我的问题 http://resource.theboulderdesign.com/400/homebox/gettingcompare.png

我希望有人能解决我的问题。

摩根肯扬

4

2 回答 2

4

这是 Chrome/Windows 的问题。它会影响字体粗细和字母间距，但您可以添加一个白色text-stroke来平滑它：

-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: white;
-webkit-text-fill-color: white;

演示：http: //jsfiddle.net/zzmbu/

这是它的屏幕截图：

在此处输入图像描述

于 2013-04-04T00:25:10.650 回答
-1

我还发现如果你添加

text-shadow:0px 0px #FF0000;

我的 CSS 的属性，它可以正确呈现。我不知道为什么。

于 2013-04-14T03:15:04.463 回答