пользовательский шрифт не будет отображаться в page hostgator

#html #css #fonts #ftp #styles

#HTML #css #шрифты #ftp #стили

Вопрос:

Привет, у меня проблема с моими шрифтами. Я скачал пользовательский шрифт онлайн (http://www.fontsquirrel.com /) и я хочу, чтобы он появился на моей странице. Он отлично работал, когда я пытался загрузить его на другой FTP-сервер, но когда я пытался загрузить его в hostgator, он не отображался. Я пытался загрузить свой сайт на другой FTP-сервер, и все работало нормально, только когда я попытался загрузить его в hostgator, шрифты не отображались. У меня загружен отдельный файл CSS, и он выглядит примерно так:

 @font-face {
font-family: 'quicksandregular';
src: url('../font/Quicksand/quicksand-regular-webfont.eot');
src: url('../font/Quicksand/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/Quicksand/quicksand-regular-webfont.woff') format('woff'),
     url('../font/Quicksand/quicksand-regular-webfont.ttf') format('truetype'),
     url('quicksand-regular-webfont.svg#quicksandregular') format('svg');
font-weight: normal;
font-style: normal;
  

}

и для стиля css:

 #about p.content a, #works p.content a, #preloader p.content a {
color: #ffffff;
font: 17px 'Quicksandregular';
text-decoration: underline;
  

}

и моя индексная страница:

 <link rel="stylesheet" media="all" href="css/quicksand.css">
  

Ответ №1:

Нажмите F12 и проверьте, загружены ли ваши ресурсы шрифта. Если этого не произойдет, у вас должно быть что-то вроде введите описание изображения здесь, но 5 вместо 1 ошибок. Кроме того, в вашем файле style.css замените font: 17px 'Quicksandregular'; на font-family: 'Quicksandregular';font-size: 17px; и проверьте, сохраняется ли проблема. Ваш синтаксис тоже правильный, но на всякий случай. Очень внимательно проверьте свой путь к файлам, чтобы убедиться, что вы ничего не забыли.

Комментарии:

1. Привет, большое спасибо за ответ. К сожалению, у меня 12 ошибок, и они говорят: Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найден) Вы знаете, как это исправить?

2. Эти ошибки означают, что серверу не удается получить доступ к файлам шрифтов, и он не будет применен. Не могли бы вы предоставить мне скриншот с этими ошибками, пожалуйста? Я должен увидеть их все, чтобы попытаться предложить вам решение.

3. Я уже исправил их. Просто папка Quicksand должна быть в нижнем регистре «quicksand», поэтому ее нельзя загрузить, а также я не присматривался. Все пути и коды были правильными. Спасибо за вашу помощь !!! 🙂