#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», поэтому ее нельзя загрузить, а также я не присматривался. Все пути и коды были правильными. Спасибо за вашу помощь !!! 🙂