При попытке создать свой тип маркера через li::before, браузер рисует иероглиф вместо маркера

@Справлюсь · Регистрация: 24.07.2014

Студворк — интернет-сервис помощи студентам

Решил я, значит добавить тень к маркированному списку:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="footer-menu">
            <h3 id="our-offices">Наши офисы:</h3>
 
            <ul class="footer-menu-list">
                <li>
                    г. Харьков, ул. Цилиноградская, д.36
                    <a href="#" title="Мы на карте"><img src="https://www.cyberforum.ru/images/link.png" class="link-icon" /></a>
                </li>
                <li>
                    просп. Науки, 14, Харьков
                    <a href="#" title="Мы на карте"><img src="https://www.cyberforum.ru/images/link.png" class="link-icon" /></a>
                </li>
                <li>
                    г. Харьков, пр. Людвига Свободы 51-б
                    <a href="#" title="Мы на карте"><img src="https://www.cyberforum.ru/images/link.png" class="link-icon" /></a>
                </li>
            </ul>
        </div>

Однако добавление такого стиля

CSS
1
2
3
4
5
6
7
8
9
.footer-menu-list {
    color: #593a2e;
    font-family: "Comic Sans MS", "Comic Sans", cursive;
    text-decoration: none;
 
    text-shadow: white .05vw .125vh 0;
 
    margin-right: 2vw;
}

сделало затенёнными только контент, но не жирные точки маркеров:

При попытке создать свой тип маркера через li::before, браузер рисует иероглиф вместо маркера

Когда же я жобавил ещё и этот стиль

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.footer-menu-list {
    color: #593a2e;
    font-family: "Comic Sans MS", "Comic Sans", cursive;
    text-decoration: none;
    list-style: none; /* new line! */
 
    text-shadow: white .05vw .125vh 0;
 
    margin-right: 2vw;
}
 
        .footer-menu-list li::before {
            content: '•';
            text-shadow: white .1vw .125vh 0;
 
            font-family: "Consolas";
        }

... тень появилась, но точки превратились в иероглифы:

По всей видимости, нужно или изменить символ маркера content: '•' (на какой? я хочу, чтобы был закрашенный кружочек среднего размера), или менять шрифт в li::before (какой тогда шрифт ставить?)

Что-то информации как это сделать, я в инете не нашёл...

@NTHing · 08.03.2021, 22:24

Браузер не распознаёт символ в content...
Скиньте содержимое тега head...

@Справлюсь · 08.03.2021, 23:17 **[ТС]**

Сообщение от NTHing

Браузер не распознаёт символ в content...
Скиньте содержимое тега head...

Вот:

HTML5
1
2
3
4
5
6
    <meta charset="UTF-8">
    <title>Kind hands</title>
    
    <link rel="stylesheet" href="styles/style.css">
    <link href="https://fonts.googleapis.com/css?family=Quicksand:600&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet">

Ещё 1 шрифт я в style.css подключаю:

CSS
1
2
3
4
5
...
 
@import url(http://fonts.googleapis.com/css?family=Roboto&subset=latin,cyrillic);
 
...

@NTHing · 08.03.2021, 23:53

CSS
1
content: '\25cf';

@Справлюсь · 09.03.2021, 00:05 **[ТС]**

NTHing, Спасибо !!!!!

Новые блоги и статьи Все статьи Все блоги /
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .

@NTHing 1818 / 962 / 388 Регистрация: 26.11.2014 Сообщений: 1,961 Записей в блоге: 1
	08.03.2021, 22:24
	Браузер не распознаёт символ в `content`... Скиньте содержимое тега `head`... 1

@Справлюсь 76 / 36 / 17 Регистрация: 24.07.2014 Сообщений: 357
	09.03.2021, 00:05 [ТС]
	NTHing, Спасибо !!!!! 1

При попытке создать свой тип маркера через li::before, браузер рисует иероглиф вместо маркера

Решение