Не меняется текст шрифта у кнопки

@Koblan · Регистрация: 13.01.2018

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

Не меняется текст Шрифта у кнопки,решение тоже очевидное наверное,которое я не вижу(

HTML5
1
2
3
4
5
6
<div class="call__button">
                <button>
                    <div><i class="fas fa-phone fa-flip-horizontal"></i><a href="tel: +74951234567">Заказать звонок</a>
                    </div>
                </button>
            </div>

CSS
1
2
3
4
5
.call_button a{
    font-size:14px;
    font-family:bold;
    text-decoration: none;
}

@Freeze_Breeze · 24.06.2018, 20:12

Koblan,
Во первых не известно как Вы подключаете шрифт.
Во вторых, что это за свойство/значение font-family: bold;, если Вы хотели сделать шрифт жирным, то писать нужно font-weight: bold;. У font-family нет значения bold, font-family может принимать только название шрифта.

@Koblan · 24.06.2018, 21:18 **[ТС]**

Ах да я просто перепутал
Сам иконный шрифт встал нормально
Лучше скину весь код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Жилой дом</title>
    <link rel="stylesheet" href="css/main.css">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
</head>
<body>
    <header>
        <div class="container clearfix">
        <img src="img/logo.png" alt="logo" class="logo">
        <div class="header__title">
            <p>ЖИЛОЙ ДОМ</p>
            <p>ЯРОСЛАВСКАЯ ОБЛАСТЬ</p>
        </div>
        <nav class="header__menu">
            <a href="#">Инфраструктура</a>
            <a href="#">Планировки и цены</a>
            <a href="#">Материалы и отделка</a>
            <a href="#">Документы</a>
            <a href="#">Контакты</a>
        </nav>
            <div class="header__call">
            <div class="call__number">
                +7(495)123-45-67
            </div>
            <div class="call__button">
                <button>
                    <div><i class="fas fa-phone fa-flip-horizontal"></i><a href="tel: +74951234567">Заказать звонок</a>
                    </div>
                </button>
            </div>
        </div>
        </div>
        </div>
    </header>
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
*{
    margin:0px;
    padding: 0px;
    font-family: 'Roboto Slab', serif;
}
.clearfix:after {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}
.container{
    width:1200px;
    margin: 0 auto;
}
.logo{
    margin:11px 15px 16px 0px;
    vertical-align: middle;
}
.header__title{
    display: inline-block;
    margin:30px 50px 35px 0px;
    vertical-align: middle;
}
.header__title p{
     font-size:16px;
     font-weight:bold;
}
.header__title p:nth-child(2){
    font-size:14px;
    font-weight:lighter;
}
.header__menu a{
    text-decoration: none;
    color:#000;
    margin-right: -4px;
    margin-right:19px;
    font-size:14px;
}
.header__menu{
    display: inline-block;
    vertical-align: middle;
}
.header__menu a:nth-child(2){
    text-decoration: none;
    color:#000;
    margin-right: -4px;
    margin-left:3px;
    margin-right:19px;
    border-radius:7.5px;
    background: #f7f2fe;
    line-height:16px;
    padding:9px 10px 11px 12px;
    box-sizing: border-box;
}
.header__menu a:nth-child(5){
    text-decoration: none;
    color:#000;
    margin-right: -4px;
}
.header__call{
    display: inline-block;
}
.call_button a{
    font-size:14px;
    font-weight:bold;
    text-decoration: none;
}

Добавлено через 49 минут
Возможно решение впихнуть тег a внутри li было плохим решением.

Добавлено через 3 минуты

В разметке класс call__button,а в css я написал с одним'_'

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Первый деплой lagorue 17.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes lagorue 14.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	24.06.2018, 20:12
	Koblan, Во первых не известно как Вы подключаете шрифт. Во вторых, что это за свойство/значение `font-family: bold;`, если Вы хотели сделать шрифт жирным, то писать нужно `font-weight: bold;`. У `font-family` нет значения `bold`, `font-family` может принимать только название шрифта. 1