Свойства шрифта на моем веб-сайте не работают.

Question

У меня проблема при встраивании шрифта в мой веб-сайт. Я использую правило выбора шрифта css3:

@font-face {

     font-family:'VoltaEFTU-Regular';

     src: url(/fonts/VoltaEFTU-Regular.ttf) format("truetype");
}

.sample { font-family: 'VoltaEFTU-Regular'; font-size: 10em; }

Я поместил свой вольтовый шрифт в формате TrueType в папку шрифтов папки моего сайта, но он не работает мой HTML-код:

  <div class="sample">

    typetrigger

  </div>

Answer 1

1. Проверьте, находится ли файл ttf в том месте, на которое вы указали.

2. Вы должны использовать firebug, чтобы проверить, применяется ли ваш шрифт в CSS.

Если да, ваш шрифт не загружен.Если нет, то класс css не применяется и не перезаписывается чем-то другим.

Answer 2

Код выглядит хорошо.Я согласен с Тариамой.Попробуйте указать путь относительно вашего CSS вместо абсолютного (../fonts/VoltaEFTU-Regular.ttf), если ваш файл CSS находится в подкаталоге вашего веб-корня.Кроме того, убедитесь, что браузер, в котором вы тестируете, поддерживает @font-face и шрифты TrueType

Answer 3

Во-первых, вам нужно добавить комы в src.Это должно быть:

src: url('fonts/VoltaEFTU-Regular.ttf') format('truetype');

Я также рекомендовал бы перейти к белке шрифта и создать файлы woff и eot для использования вместе с ttf.

Вы можете ознакомиться с различными форматами здесь:

http://www.fontsquirrel.com/fontface/generator