Что делать, если локальный HTML файл отображается неправильно?

Question

[AIIVY ⠀]

Проблемка. Нужно сделать личный сайт, а локальный HTML и CSS файлы буянят. Во первых, не подключаются шрифты по @font-face, и во вторых, в этом коде указан тёмно-серый цвет фона страницы:

body {
background-color: #151515;
}

а в браузере он белый! Что делать?

Кстати, проблема проявилась неделю назад. И ещё, метатег имеется, кодировка UTF-8.

Comments

[FeST1VaL]

Проверьте подключаются ли ваши стили вообще

[Ankhena]

1. Не подключили файл со стилями.
2. Неверный путь к нему.
3. Кеш.

С шрифтами аналогично + пути к шрифтам.

Либо сделайте пример в песочнице jsfiddle.net или codepen.io либо выложите на хостинг и дайте ссылку (можно использовать GitHub Pages)

[AIIVY ⠀]

Артем Будин, да, они подключены. Я забыл сказать, что если я тексту укажу свойство margin, и значение, к примеру, 25%, то текст послушно перемещается.

[AIIVY ⠀]

Ankhena, подождите, сейчас переведу код на codepen

[AIIVY ⠀]

Ankhena, вот ссылка на репозиторий GitHub: https://github.com/aiivy782/aiivy782.github.io

[Ankhena]

AIIVY ⠀, так вы подключаете сначала свои стили, а потом перебиваете их бутстрапом.

Свои всегда должны быть последними.

[AIIVY ⠀]

Ankhena, О! Поставил в конец - фон окрасился, но шрифты не работают

[AIIVY ⠀]

AIIVY ⠀, так, medium заработал, поменял название шрифта, а два других не работают (тоже названия поменял)

[Ankhena]

AIIVY ⠀, с шрифтами у вас полная дичь.
Вряд ли шрифт именно так и называется.
И пути неверные.

Пример, как должно быть

@font-face {
        font-family: "OpenSans";
        src: url("fonts/opensans.woff2") format("woff2"),
        url("fonts/opensans.woff") format("woff");
        font-weight: normal;
        font-style: normal;
        }

        @font-face {
        font-family: "OpenSans";
        src: url("fonts/opensansbold.woff2") format("woff2"),
        url("fonts/opensansbold.woff") format("woff");
        font-weight: 700;
        font-style: normal;
        }

Обратите внимание, что имя у шрифта одно.

[AIIVY ⠀]

Ankhena, мне нужно другой шрифт, не Open Sans, а Product Sans (боле распространённое имя шрифта - это Google Sans)

[Ankhena]

AIIVY ⠀, да какая разница какой, я написала как правильно это делать, а не так как у вас.

[AIIVY ⠀]

Ankhena, окей. Я просто очень часто путаюсь в подключении шрифтов

[Ankhena]

AIIVY ⠀, вот смотрите в пример и не путайтесь.

Answer 1

[Тарас Шульга]

Не подключили css?
Накосячил с путями?
Не увидит как вы все подключили, никто вам не поможет

Comments

[AIIVY ⠀]

вот ссылка на репозиторий GitHub: https://github.com/aiivy782/aiivy782.github.io

Answer 2

[Владимир]

Например, если css файлы пытаетесь грузить по абсолютному пути (/css/style.css), а локально открываете html файл не через сервер локальный (http://localhost/index.html), а просто как файл (file:///Users/web/server/site/index.html)

Comments

[AIIVY ⠀]

я открываю всё локально. У меня ещё нет сервера для сайта. И если что, планируую на GitHub Pages разместить сайт (ну если перестанет буянить)

[Тарас Шульга]

AIIVY ⠀, он не буянит:
Без сервера можно с сдн что-то подключить? Я шось упустил?
Так же сперва подключаем стили бс а потом локальные, ибо тогда бс перебьет то что есть

[AIIVY ⠀]

Тарас Шульга, сдн разве не работает локально? И если я всё правильно понял, бс - это base?

Answer 3

[AIIVY ⠀]

Теперь у меня другая проблема. Bold шрифт не работает, а medium и regular - работают.

Comments

[FrontendNooob]

Зайди на гугл фонтс выбери шрифт и подключи его