0

我正在尝试使用字体“Cabin Sketch”我包含了它在谷歌网页字体页面上所说的字体：

html:

<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet'   type='text/css' >

CSS：

body {
font-family: 'Cabin Sketch';
font-style: normal;
font-weight: 400;
color: #dbdbdb;
font-size: 14px;
}

来自 az 的字母正在工作，但任何其他字符（如 .!@）都不起作用。

在谷歌网络字体预览中，所有字符都在工作。

其他字体运行良好。

我正在使用 Firefox 11.0 和 Ubuntu 11.04。

我还在谷歌字体目录上创建了一个问题： http ://code.google.com/p/googlefontdirectory/issues/detail?id=124

先感谢您。

4

1 回答 1

0

这似乎是对的，您使用的是哪个浏览器？它应该适用于它使用的所有字母。我测试了它，它工作得很好。确保您的浏览器支持 @font-face

jsfiddle

http://jsfiddle.net/

html页面

<head>
    <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet'   type='text/css'/>
</head>
<body>
    <div id="font">
        <p>Hey yo</p>
        <p>1234</p>
        <p>! @ .</p>
    </div>
    <div id="normal">
        <p>Hey yo</p>
        <p>1234</p>
        <p>! @ .</p>
    </div>
​&lt;/body>​​​​​​​​​​​​​

css

body {
    padding: 100px;
}
div {
    margin: 10px;
}
#font {
    font-family: 'Cabin Sketch';
    font-style: normal;
    font-weight: 400;
    color: #333;
    font-size: 14px;
}
​

在 Chrome 中预览

预览

所以它是正确的，正如你在上面看到的，它支持非字母字符。运行小提琴来看看你自己。希望有帮助！

于 2012-04-02T07:22:41.493 回答