Question

我正在尝试使用'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;
}

来自a-z的信件正在发挥作用，但是任何其他类似的问题，如。！@都无效。

在Google网络字体预览中，所有字符都在运行。

其他字体效果很好。

我正在使用firefox 11.0和Ubuntu 11.04。

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

提前谢谢。

Answer 1

这似乎是对的，您使用哪种浏览器？它应该适用于它使用的所有字母表。我测试了它，它工作得很好。确保您的browser supports @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>
</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中预览

preview

所以它是正确的，如上所述，它支持非字母字符。跑小提琴看自己。希望有所帮助！

谷歌网络字体只有字母正在工作

1 个答案: