0

フォント「Cabin Sketch」を使用しようとしていますが、Google Web フォント ページにあるようにフォントを含めました。

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 からの手紙は機能していますが、.!@ などの他の文字は機能していません。

Google Web フォント プレビューでは、すべての文字が機能しています。

他のフォントは問題なく動作しています。

Firefox 11.0 と Ubuntu 11.04 を使用しています。

また、Google フォント ディレクトリで問題を作成しました: 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 に答える