Невозможно включить пользовательский шрифт в html (Helvetica LT 25 Ultra Light) - PullRequest
2 голосов
/ 30 января 2012

Я скачал всю Helvetica Neue. Почти все шрифты работают, когда я пытаюсь их импортировать, но «Helvetica LT 25 Ultra Light» - нет.

Anyidea, в чем может быть проблема?

код:

@font-face{
font-family: 'HelveticaNeue';
src: url('/fonts/Helvetica LT 25 Ultra Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Я что-то не так делаю?

Ответы [ 2 ]

1 голос
/ 30 января 2012

При использовании веб-шрифтов необходимо помнить, что для разных браузеров требуются разные типы файлов. Эта страница содержит подробное руководство по использованию @ font-face. По сути, единственными браузерами, которые будут отображать шрифты TrueType, являются Opera и Safari. Firefox, Chrome и IE9 используют файлы woff. Если вы тестируете свой код в Opera или Safari, он должен отображаться правильно.

Обновление:

Вот сайт , который облегчает включение шрифта, который вы хотите использовать. Они создают набор, который вы добавляете на свои страницы, и вам не нужно беспокоиться о создании / поиске различных форматов самостоятельно

0 голосов
/ 30 января 2012

добавьте его в свой HTML-файл:

<style type="css/text">
    @font-face{
    font-family: 'HelveticaNeue';
    src: url(' YOUR FOLDER /fonts/Helvetica LT 25 Ultra Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
</style>

относитесь ВАША ПАПКА

...