лицо шрифта свойства выбора шрифта не работает на моем сайте

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

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

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

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

Вы можете прочитать на всех различных форматах здесь:

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

Answer 3

код выглядит хорошо. Я согласен с Тариамой. Попробуйте указать путь относительно вашего CSS вместо абсолютного (../fonts/VoltaEFTU-Regular.ttf), если ваш файл css находится в поддире вашего веб-корня. Кроме того, make sure the browser you are testing in supports @font-face and truetype fonts