гугл веб шрифты работают только буквы - PullRequest
0 голосов
/ 02 апреля 2012

Я пытаюсь использовать шрифт 'Cabin Sketch' Я включил шрифт так, как он говорит на странице веб-шрифта Google:

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 Web все символы работают.

Другие шрифты работают отлично.

Я использую Firefox 11.0 и Ubuntu 11.04.

Я также создал проблему в каталоге шрифтов Google: http://code.google.com/p/googlefontdirectory/issues/detail?id=124

Заранее спасибо.

1 Ответ

0 голосов
/ 02 апреля 2012

Кажется правильным, с каким браузером вы его используете?Он должен работать для всех алфавитов, которые он использует.Я проверил это, и он работает просто отлично.Убедитесь, что ваш браузер поддерживает @font-face

jsfiddle

http://jsfiddle.net/

html page

<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

Итакэто правильно, как вы видите выше, он поддерживает не алфавитные символы.Запустите скрипку, чтобы увидеть себя.Надеюсь, это поможет!

...