Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
freed7
1 / 1 / 0
Регистрация: 18.10.2013
Сообщений: 80
1

Шрифт собственной страницы отличается от шрифта сайта, не смотря на то,что шрифт указан одинаково в обеих страницах

30.10.2018, 14:03. Просмотров 760. Ответов 8
Метки нет (Все метки)

Сверстал страницу по образцу данного сайта https://www.biglion.ru/deals/pivnoy-restoran-set9-50/. Я даже указывал ссылки на шрифт, которые в коде страницы сайта присутствуют. Буду благодарен, кто поможет.

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
<html>
<head>
<meta charset="utf-8">
  <style>
  .info__list {
    width:671.469px;
    height:721px;
    padding:0px;
    margin:0px 176.5px;
   }
   
   li {
    list-style-type: none;
    color:rgba(32, 35, 56, 0.8);
    line-height:24px;
    font-size:16px;
    font-family:Raleway,sans-serif;
    word-spacing:0px;
    text-align:left;
   }
   </style>
</head>
<body>
<ul class="info__list">
<li><span style="color: rgb(255, 0, 0); font-weight: bold;">Один человек может использовать не более одного купона за все время проведения акции.</span></li>
<li>Купон действует на следующие виды услуг:
<br>— скидка 95% на профессиональную гигиену полости рта (240 руб. вместо 4800 руб.);
<br>— скидка 85% на лечение среднего кариеса одного зуба (375 руб. вместо 2500 руб.).
<li>Если участник акции не предупреждает об отмене своего визита за 24 часа до времени записи, купон считаться использованным.</li>
<li>Купон действуют только для новых клиентов центра.</li>
<li>В стоимость купона на профессиональную гигиену полости рта входят следующие процедуры:
<br>— полный осмотр полости рта и консультация врача стоматолога;
<br>— шлифовка и полировка поверхности зуба пастами (снятие мягкого зубного налета);
<br>— фторирование зубов;
<br>— обучение индивидуальной гигиене полости рта.</li>
<li>Имеются противопоказания, перед пользованием услугой необходима консультация специалиста.</li>
<li>Услуга предоставляется только совершеннолетним лицам.</li>
<li>В стоимость купона на лечение среднего кариеса одного зуба входят следующие процедуры:
<br>— клинический осмотр врача стоматолога с составлением плана лечения анестезия;
<br>— постановка пломбы из фотокомпозитного материала шлифовка и полировка пломбы.</li>
<li><strong>Необходимо предъявить распечатанный купон с номером (14 цифр) и pin-кодом (4 цифры).</strong></li>
<li><span style="color: rgb(255, 0, 0); font-weight: bold;">Купоном можно воспользоваться только при условии прикрепления к центру.</span></li>
</ul>
</body>
</html>
0
gogolik
Модератор
Эксперт HTML/CSS
848 / 548 / 296
Регистрация: 13.03.2010
Сообщений: 2,310
30.10.2018, 14:24 2
Ну, как бы вам сказать... Всё работает, если указать правила @font-face. На указанном сайте они выглядят так:
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
@import url(//st.biglion.ru/v3/css/opensans.css);@font-face {
    font-family: Raleway;
    src: local("Raleway Thin"),local("Raleway-Thin"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-thin-linenum.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraLight"),local("Raleway-ExtraLight"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-extralight-linenum.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Light"),local("Raleway-Light"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-light-linenum.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Regular"),local("Raleway-Regular"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-regular-linenum.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Medium"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-medium-linenum.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway SemiBold"),local("Raleway-SemiBold"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-semibold-linenum.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Bold"),local("Raleway-Bold"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-bold-linenum.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraBold"),local("Raleway-ExtraBold"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-extrabold-linenum.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Black"),local("Raleway-Black"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-black-linenum.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}
Вам нужно сделать так же. Песочница.
1
freed7
1 / 1 / 0
Регистрация: 18.10.2013
Сообщений: 80
30.10.2018, 15:15  [ТС] 3
Цитата Сообщение от gogolik Посмотреть сообщение
Вам нужно сделать так же. Песочница.
Вроде все хорошо там, но все равно у меня безрезультатно, я даже делал оттуда экспорт.
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
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
<html>
<head>
<meta charset="utf-8">
  <style>
  @import url(//st.biglion.ru/v3/css/opensans.css);@font-face {
    font-family: Raleway;
    src: local("Raleway Thin"),local("Raleway-Thin"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-thin-linenum.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraLight"),local("Raleway-ExtraLight"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-extralight-linenum.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Light"),local("Raleway-Light"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-light-linenum.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Regular"),local("Raleway-Regular"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-regular-linenum.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Medium"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-medium-linenum.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway SemiBold"),local("Raleway-SemiBold"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-semibold-linenum.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Bold"),local("Raleway-Bold"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-bold-linenum.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraBold"),local("Raleway-ExtraBold"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-extrabold-linenum.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}
 
@font-face {
    font-family: Raleway;
    src: local("Raleway Black"),local("Raleway-Black"),url(//st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-black-linenum.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}
  .info__list {
    width:671.469px;
    height:721px;
    padding:0px;
    margin:0px 176.5px;
   }
li {
    list-style-type: none;
    color:rgba(32, 35, 56, 0.8);
    line-height:24px;
    font-size:16px;
    font-family:Raleway,sans-serif;
    word-spacing:0px;
    text-align:left;
   }
   </style>
</head>
<body>
<ul class="info__list">
<li><span style="color: rgb(255, 0, 0); font-weight: bold;">Один человек может использовать не более одного купона за все время проведения акции.</span></li>
<li>Купон действует на следующие виды услуг:
<br>— скидка 95% на профессиональную гигиену полости рта (240 руб. вместо 4800 руб.);
<br>— скидка 85% на лечение среднего кариеса одного зуба (375 руб. вместо 2500 руб.).
<li>Если участник акции не предупреждает об отмене своего визита за 24 часа до времени записи, купон считаться использованным.</li>
<li>Купон действуют только для новых клиентов центра.</li>
<li>В стоимость купона на профессиональную гигиену полости рта входят следующие процедуры:
<br>— полный осмотр полости рта и консультация врача стоматолога;
<br>— шлифовка и полировка поверхности зуба пастами (снятие мягкого зубного налета);
<br>— фторирование зубов;
<br>— обучение индивидуальной гигиене полости рта.</li>
<li>Имеются противопоказания, перед пользованием услугой необходима консультация специалиста.</li>
<li>Услуга предоставляется только совершеннолетним лицам.</li>
<li>В стоимость купона на лечение среднего кариеса одного зуба входят следующие процедуры:
<br>— клинический осмотр врача стоматолога с составлением плана лечения анестезия;
<br>— постановка пломбы из фотокомпозитного материала шлифовка и полировка пломбы.</li>
<li><strong>Необходимо предъявить распечатанный купон с номером (14 цифр) и pin-кодом (4 цифры).</strong></li>
<li><span style="color: rgb(255, 0, 0); font-weight: bold;">Купоном можно воспользоваться только при условии прикрепления к центру.</span></li>
</ul>
</body>
</html>
0
gogolik
Модератор
Эксперт HTML/CSS
848 / 548 / 296
Регистрация: 13.03.2010
Сообщений: 2,310
30.10.2018, 15:44 4
freed7, в консоли нет ошибок?
0
freed7
1 / 1 / 0
Регистрация: 18.10.2013
Сообщений: 80
30.10.2018, 15:54  [ТС] 5
Цитата Сообщение от gogolik Посмотреть сообщение
freed7, в консоли нет ошибок?
Нет. Самое интересное, этот код был скопирован прямо с html консоли, где и отображался правильный результат а в html-файле не так.
0
gogolik
Модератор
Эксперт HTML/CSS
848 / 548 / 296
Регистрация: 13.03.2010
Сообщений: 2,310
30.10.2018, 16:06 6
freed7, можно в сети где-то страницу глянуть? Не может такого быть, что тут работает, а там не работает.
0
freed7
1 / 1 / 0
Регистрация: 18.10.2013
Сообщений: 80
30.10.2018, 16:48  [ТС] 7
Цитата Сообщение от gogolik Посмотреть сообщение
freed7, можно в сети где-то страницу глянуть? Не может такого быть, что тут работает, а там не работает.
Надо просто создать html-файл, и туда поместить последний мой код.
0
gogolik
Модератор
Эксперт HTML/CSS
848 / 548 / 296
Регистрация: 13.03.2010
Сообщений: 2,310
30.10.2018, 16:55 8
freed7, ну так консоль и выдаёт ошибку, что нет файлов шрифта.
В url заменить // на http://
1
freed7
1 / 1 / 0
Регистрация: 18.10.2013
Сообщений: 80
30.10.2018, 17:07  [ТС] 9
Цитата Сообщение от gogolik Посмотреть сообщение
В url заменить // на http://
Хм, я даже не видел что там выдавало ошибку. Почти сработало, только попробую сделать чуть жирнее шрифт.

Добавлено через 5 минут
Конечный результат.

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
<html>
<head>
<meta charset="utf-8">
  <style>
    @import url(http://st.biglion.ru/v3/css/opensans.css);
    @font-face {
    font-family: Raleway;
    src: local("Raleway Medium"),url(http://st.biglion.ru/v3/static/bgln/fonts/raleway/raleway-medium-linenum.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
   }
   .info__list {
    width:671.469px;
    height:721px;
    padding:0px;
    margin:0px 176.5px;
   }
   li {
    list-style-type: none;
    color:rgba(32, 35, 56, 0.8);
    line-height:24px;
    font-size:16px;
    font-family:Raleway,sans-serif;
    word-spacing:0px;
    text-align:left;
   }
   </style>
</head>
<body>
<ul class="info__list">
<li><span style="color: rgb(255, 0, 0); font-weight: bold;">Один человек может использовать не более одного купона за все время проведения акции.</span></li>
<li>Купон действует на следующие виды услуг:
<br>— скидка 95% на профессиональную гигиену полости рта (240 руб. вместо 4800 руб.);
<br>— скидка 85% на лечение среднего кариеса одного зуба (375 руб. вместо 2500 руб.).
<li>Если участник акции не предупреждает об отмене своего визита за 24 часа до времени записи, купон считаться использованным.</li>
<li>Купон действуют только для новых клиентов центра.</li>
<li>В стоимость купона на профессиональную гигиену полости рта входят следующие процедуры:
<br>— полный осмотр полости рта и консультация врача стоматолога;
<br>— шлифовка и полировка поверхности зуба пастами (снятие мягкого зубного налета);
<br>— фторирование зубов;
<br>— обучение индивидуальной гигиене полости рта.</li>
<li>Имеются противопоказания, перед пользованием услугой необходима консультация специалиста.</li>
<li>Услуга предоставляется только совершеннолетним лицам.</li>
<li>В стоимость купона на лечение среднего кариеса одного зуба входят следующие процедуры:
<br>— клинический осмотр врача стоматолога с составлением плана лечения анестезия;
<br>— постановка пломбы из фотокомпозитного материала шлифовка и полировка пломбы.</li>
<li><strong>Необходимо предъявить распечатанный купон с номером (14 цифр) и pin-кодом (4 цифры).</strong></li>
<li><span style="color: rgb(255, 0, 0); font-weight: bold;">Купоном можно воспользоваться только при условии прикрепления к центру.</span></li>
</ul>
</body>
</html>
0
30.10.2018, 17:07
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.