Не подключаются шрифты к сайту!

@DamirFilretov · Регистрация: 01.11.2020

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

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FirstWebSite</title>
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <section class="promo">
        <div class="conteiner">
            <div class="logo">
                <img src="../icons/photo.png" alt="logo" class="logo_img">
                <div class="logo_text">WordPress интенсив</div>
            </div>
 
            <h1 class="title">Создать свой сайт на WORDPRESS</h1>
            <div class="simple">
                <h2 class="title_big">это просто</h2>
                <div class="line"></div>
            <h2 class="title">Куда сложнее сделать это правильно!</h2>
            <div class="promo_text">
                Ежедневно в России появляется более 5 000 новых сайтов. <br>
                И только единицы из них становятся популярными и приносят ощутимую прибыль. В чем секрет? В чем формула успеха? Узнайте на предстоящем двухдневном <span>БЕСПЛАТНОМ</span> интенсиве!
            </div>
            <button class = 'promo_btn'>Записаться на интенсив!</button>
            <div class="more">
                <div class="more_text">узнать больше об интенсиве</div>
                <img src="../icons/rounded_rectangle_1_copy_2_20.png" alt="arrow" class="more_img">
            </div>
            </div>
        </div>
    </section>
    <section class = 'waiting'>
        <div class="container">
            <h2 class="waiting_header">Что вас ждет в нашем интенсиве?</h2>
            <div class="waiting_divider"></div>
            <div class="waiting_subheader">2 бесплатных полноценных обучающих вебинара, где:</div>
            <div class="waiting_wrapper">
                <div class="waiting_item">
                    <img src="../img/images/Layer 12.png" alt="1" class="waiting_img">
                    <div class="waiting_descr">Всего за два бесплатных вебинара мы научим вас, как создать свой сайт на WordPress. </div>
                </div>
                <div class="waiting_item">
                    <img src="../img/images/Layer 10.png" alt="2" class="waiting_img">
                    <div class="waiting_descr">Покажем, как правильно оптимизировать сайт и сделать его привлекательным для поисковых систем. Только свежая, профессиональная и 
                        актуальная информация!</div>
                </div>
                <div class="waiting_item">
                    <img src="../img/images/Layer 7.png" alt="3" class="waiting_img">
                    <div class="waiting_descr">Вы узнаете, что такое «хорошая индексация»,
                        «высокая посещаемость», «стабильный прирост посетителей», «ТОП по запросам» и, что намного важнее, как добиться всех этих показателей!</div>
                </div>
            </div>
        </div>
    </section>
</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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0
}
 
.conteiner{
    width:1140px;
    margin: 0 auto
}
 
.promo{
    height: 800px;
    background: url('../img/BackGround/Rectangle1.jpg') center center/cover no-repeat;
    padding: 39px 0 62px 0;
}
 
.logo .logo_img  {
    display: block;
    margin: 0 auto;
}
 
.logo .logo_text{
    font-family: Roboto-Black;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    margin-top: 14px;
}
 
.title{
    font-family: Roboto;
    font-size: 41px;
    line-height: 24px;
    font-weight: 900;
    text-transform: uppercase;
    color: #f9bf3b;
    text-align: center;
}
.simple .title_big {
    font-family: Roboto;
    font-size: 80px;
    font-weight: 900;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    margin-top: 21px;
}
 
h1{
    margin-top: 53px;
}
 
h2.title {
    margin-top: 30px;
}
 
.promo .promo_text{
    font-family: Roboto;
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    padding: 0 13px;
    margin-top: 23px;
}
 
.promo .promo_text span{
    font-weight: 700;
    color: #f9bf3b;
}
 
.promo .promo_btn {
    display: block;
    margin: 0 auto;
    margin-top: 69px;
    width: 321px;
    height: 80px;
    background-image: linear-gradient(0.0deg, #2798b9 0%, #3ab6da 100%);
    border: 4px solid rgba(0,0,0,0.22);
    font-family: "Roboto Condensed";
    font-size: 21px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}
 
.more {
    margin-top: 73px;
 
}
.more .more_text {
    font-family: "Roboto";
    font-size: 15px;
    line-height: 24px;
    font-weight: 100;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
}
 
.more .more_img {
    display: block;
    margin: 0  auto;
    margin-top: 13px;
 
}
 
.waiting{
    height: 604px;
    background-color: #efefef;
    padding: 0px 85px 0px 75px;
}
 
.waiting .waiting_header{
    font-family: 'Roboto';
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    color: #252525;
    text-align: center;
}
 
.waiting .waiting_divider{
    width: 217px;
    height: 4px;
    background-color: #f9bf3b;
    margin: 0 auto;
    margin-top: 18px
}
 
.waiting .waiting_subheader {
    font-family: Roboto;
    font-size: 23px;
    font-weight: 400;
    color: #4a4a4a;
    text-align: center;
    margin-top: 17px;
}
 
.waiting .waiting_wrapper {
    margin-top: 45px;
    /* display: flex;
    justify-content: space-between; */
}
 
.waiting .waiting_wrapper .waiting_item{
    display: inline-block;
    vertical-align: top;
    width: 339px;
    text-align: center;
    margin: 0 15px;
}
 
.waiting .waiting_wrapper .waiting_item .waiting_img {
    width: 100%;
}
 
.waiting .waiting_wrapper .waiting_item .waiting_descr{
    margin-top: 33px;
    font-family: Roboto;
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
    color: #4a4a4a;
}

@Kerry_Jr · 01.11.2020, 18:17

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

Не подключаются шрифты к сайту!

Roboto - нестандартный шрифт, требующий подключения к странице извне, если не установлен в системе.

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

Не подключаются шрифты к сайту!

Решение