Ошибка при использовании пользовательских шрифтов в CSS

Question

Хотя я пытался использовать собственный шрифт для своего сайта через файл CSS, я не получаю требуемый шрифт, и он показывает только шрифт по умолчанию. Пожалуйста, проверьте код CSS и дайте мне знать, если какие-либо изменения необходимы:)

@font-face {
    font-family: Myriad Pro;
    src: url('Myriad.ttf');
    }
#voicetext{
    color:#127bb9;
    font-size:16px;
    font-family:"Myriad Pro";
    text-align:center;
    letter-spacing:3px;
}

Answer 1

К сожалению, это не так просто, как это. Для по-настоящему кросс-браузерного решения вам нужно будет ссылаться не только на версию TTF.

Этот вопрос: Как встраивать шрифты в HTML? содержит полный список и ссылки на «Пуленепробиваемые веб-шрифты» Пола Айриша запись в блоге, которая обслуживает все особенности браузера.

Если вы спешите и не интересуетесь спецификой, Bulletproof @ font-face generator из FontSquirrel, похоже, использует подсказки из поста в блоге.

Answer 2

Мое первое предположение, вероятно, заключается в том, что вы загрузили файл шрифта не в том месте.В настоящее время вам понадобится файл Myriad.ttf в том же каталоге, что и ваш CSS-файл.