Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

font changed

Browse Source
This commit is contained in:
BOUNTY707
2025-01-25 23:26:39 +05:00
parent 60eeec9de2
commit 508b6dca4c
45 changed files with 391 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
authors.html
View File

@@ -12,7 +12,7 @@
<div class="breadcrumbs"> <div class="breadcrumbs">
<div class="container"> <div class="container">
<div class="breadcrumb"> <div class="breadcrumb">
<a href="#!">Главная -</a> <a href="#!">Главная –</a>
<span>Наши авторы</span> <span>Наши авторы</span>
</div> </div>
</div> </div>

6
authors2.html
View File

@@ -22,9 +22,9 @@
<section class="authors"> <section class="authors">
<div class="container"> <div class="container">
<div class="authors_block"> <div class="authors_block">
<div class="top_box"> <div class="authors_top">
<img src="img/box-img.png" alt="" class="top_box_img"> <img src="img/box-img.png" alt="" class="authors_top_img">
<div class="authors_item_boxs"> <div class="authors_top_info">
<div class="info_title"> <div class="info_title">
<h3>Екатерина Волкова</h3> <h3>Екатерина Волкова</h3>
<p>Старший менеджер по продажам</p> <p>Старший менеджер по продажам</p>

BIN
font/MuseoSansCyrl-100.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100.woff2 Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100Italic.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100Italic.ttf Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100Italic.woff Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100Italic.woff2 Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300.ttf Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300.woff Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300.woff2 Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300Italic.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300Italic.ttf Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300Italic.woff Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300Italic.woff2 Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500.ttf Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500.woff Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500.woff2 Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500Italic.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500Italic.ttf Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500Italic.woff Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500Italic.woff2 Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700.ttf Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700.woff Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700.woff2 Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700Italic.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700Italic.ttf Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700Italic.woff Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700Italic.woff2 Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900.ttf Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900.woff Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900.woff2 Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900Italic.eot Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900Italic.ttf Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900Italic.woff Normal file
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900Italic.woff2 Normal file
View File

Binary file not shown.

283
font/demo.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -57,9 +57,9 @@
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
/* demo styles */ /* common styles */
body { body {
background: #f0f0f0; background: #f1f1f1;
color: #000; color: #000;
} }
.page { .page {
@@ -134,19 +134,37 @@
} }
pre { pre {
display: block; display: block;
position: relative;
padding: 9px; padding: 9px;
margin: 0 0 12px; margin: 0 0 10px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
font-size: 13px; font-size: 13px;
line-height: 1.428571429; line-height: 1.428571429;
color: #333; color: #333;
font-weight: normal; font-weight: normal !important;
font-style: normal; font-style: normal !important;
background-color: #f5f5f5; background-color: #f5f5f5;
border: 1px solid #ccc; border: 1px solid #ccc;
overflow-x: auto; overflow-x: auto;
border-radius: 4px; border-radius: 4px;
} }
pre:after {
display: block;
position: absolute;
right: 0;
top: 0;
content: 'Usage';
line-height: 1;
padding: 5px 8px;
font-size: 12px;
color: #767676;
background-color: #fff;
border: 1px solid #ccc;
border-right: none;
border-top: none;
border-radius: 0 4px 0 4px;
z-index: 10;
}
/* responsive */ /* responsive */
@media (max-width: 959px) { @media (max-width: 959px) {
.page { .page {
@@ -158,20 +176,252 @@
</head> </head>
<body> <body>
<div class="page"> <div class="page">
<div class="demo"> <div class="demo" style="font-family: 'MuseoSansCyrl-300'; font-weight: normal; font-style: normal;">
<h1 style="font-family: 'Museo Sans Cyrl 100'; font-weight: 200; font-style: normal;">Museo Sans Cyrl 100</h1> <h1>☞MuseoSansCyrl-300</h1>
<pre title="Usage">.your-style { <pre>.your-style {
font-family: 'Museo Sans Cyrl 100'; font-family: 'MuseoSansCyrl-300';
font-weight: 200; font-weight: normal;
font-style: normal; font-style: normal;
}</pre> }</pre>
<pre title="Preload (optional)"> <div class="font-container">
&lt;link rel=&quot;preload&quot; href=&quot;MuseoSansCyrl-100.woff&quot; as=&quot;font&quot; type=&quot;font/woff&quot; crossorigin&gt;</pre>
<div class="font-container" style="font-family: 'Museo Sans Cyrl 100'; font-weight: 200; font-style: normal;">
<p class="letters"> <p class="letters">
abcdefghijklmnopqrstuvwxyz<br> abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br> ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~ 0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'MuseoSansCyrl-100Italic'; font-weight: normal; font-style: italic;">
<h1>☞MuseoSansCyrl-100Italic</h1>
<pre>.your-style {
font-family: 'MuseoSansCyrl-100Italic';
font-weight: normal;
font-style: italic;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'MuseoSansCyrl-300Italic'; font-weight: normal; font-style: italic;">
<h1>☞MuseoSansCyrl-300Italic</h1>
<pre>.your-style {
font-family: 'MuseoSansCyrl-300Italic';
font-weight: normal;
font-style: italic;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'MuseoSansCyrl-100'; font-weight: normal; font-style: normal;">
<h1>☞MuseoSansCyrl-100</h1>
<pre>.your-style {
font-family: 'MuseoSansCyrl-100';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'MuseoSansCyrl-900Italic'; font-weight: normal; font-style: italic;">
<h1>☞MuseoSansCyrl-900Italic</h1>
<pre>.your-style {
font-family: 'MuseoSansCyrl-900Italic';
font-weight: normal;
font-style: italic;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'MuseoSansCyrl-500'; font-weight: normal; font-style: normal;">
<h1>☞MuseoSansCyrl-500</h1>
<pre>.your-style {
font-family: 'MuseoSansCyrl-500';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'MuseoSansCyrl-500Italic'; font-weight: normal; font-style: italic;">
<h1>☞MuseoSansCyrl-500Italic</h1>
<pre>.your-style {
font-family: 'MuseoSansCyrl-500Italic';
font-weight: normal;
font-style: italic;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'MuseoSansCyrl-700Italic'; font-weight: normal; font-style: italic;">
<h1>☞MuseoSansCyrl-700Italic</h1>
<pre>.your-style {
font-family: 'MuseoSansCyrl-700Italic';
font-weight: normal;
font-style: italic;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'MuseoSansCyrl-700'; font-weight: normal; font-style: normal;">
<h1>☞MuseoSansCyrl-700</h1>
<pre>.your-style {
font-family: 'MuseoSansCyrl-700';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo" style="font-family: 'MuseoSansCyrl-900'; font-weight: normal; font-style: normal;">
<h1>☞MuseoSansCyrl-900</h1>
<pre>.your-style {
font-family: 'MuseoSansCyrl-900';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p> </p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p> <p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p> <p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
@@ -186,7 +436,6 @@ ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p> <p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

128
font/stylesheet.css
View File

@@ -1,32 +1,120 @@
@font-face { @font-face {
font-family: 'Museo Sans Cyrl'; font-family: 'MuseoSansCyrl-300';
src: url('MuseoSansCyrl-100.woff') format('woff'), src: url('MuseoSansCyrl-300.eot');
src: local('☞MuseoSansCyrl-300'), local('MuseoSansCyrl-300'),
url('MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-300.woff2') format('woff2'),
url('MuseoSansCyrl-300.woff') format('woff'),
url('MuseoSansCyrl-300.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSansCyrl-100Italic';
src: url('MuseoSansCyrl-100Italic.eot');
src: local('☞MuseoSansCyrl-100Italic'), local('MuseoSansCyrl-100Italic'),
url('MuseoSansCyrl-100Italic.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-100Italic.woff2') format('woff2'),
url('MuseoSansCyrl-100Italic.woff') format('woff'),
url('MuseoSansCyrl-100Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'MuseoSansCyrl-300Italic';
src: url('MuseoSansCyrl-300Italic.eot');
src: local('☞MuseoSansCyrl-300Italic'), local('MuseoSansCyrl-300Italic'),
url('MuseoSansCyrl-300Italic.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-300Italic.woff2') format('woff2'),
url('MuseoSansCyrl-300Italic.woff') format('woff'),
url('MuseoSansCyrl-300Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'MuseoSansCyrl';
src: url('MuseoSansCyrl-100.eot');
src: local('☞MuseoSansCyrl-100'), local('MuseoSansCyrl-100'),
url('MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-100.woff2') format('woff2'),
url('MuseoSansCyrl-100.woff') format('woff'),
url('MuseoSansCyrl-100.ttf') format('truetype'); url('MuseoSansCyrl-100.ttf') format('truetype');
font-weight: 200; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Museo Sans Cyrl'; font-family: 'MuseoSansCyrl-900Italic';
src: url('MuseoSansCyrl-400.woff') format('woff'), src: url('MuseoSansCyrl-900Italic.eot');
url('MuseoSansCyrl-400.ttf') format('truetype'); src: local('☞MuseoSansCyrl-900Italic'), local('MuseoSansCyrl-900Italic'),
font-weight: 400; url('MuseoSansCyrl-900Italic.eot?#iefix') format('embedded-opentype'),
font-style: normal; url('MuseoSansCyrl-900Italic.woff2') format('woff2'),
font-display: swap; url('MuseoSansCyrl-900Italic.woff') format('woff'),
url('MuseoSansCyrl-900Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
} }
@font-face { @font-face {
font-family: 'Museo Sans Cyrl'; font-family: 'MuseoSansCyrl-500';
src: url('MuseoSansCyrl-500.woff') format('woff'), src: url('MuseoSansCyrl-500.eot');
src: local('☞MuseoSansCyrl-500'), local('MuseoSansCyrl-500'),
url('MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-500.woff2') format('woff2'),
url('MuseoSansCyrl-500.woff') format('woff'),
url('MuseoSansCyrl-500.ttf') format('truetype'); url('MuseoSansCyrl-500.ttf') format('truetype');
font-weight: 500; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Museo Sans Cyrl'; font-family: 'MuseoSansCyrl-500Italic';
src: url('MuseoSansCyrl-600.woff') format('woff'), src: url('MuseoSansCyrl-500Italic.eot');
url('MuseoSansCyrl-600.ttf') format('truetype'); src: local('☞MuseoSansCyrl-500Italic'), local('MuseoSansCyrl-500Italic'),
font-weight: 600; url('MuseoSansCyrl-500Italic.eot?#iefix') format('embedded-opentype'),
font-style: normal; url('MuseoSansCyrl-500Italic.woff2') format('woff2'),
font-display: swap; url('MuseoSansCyrl-500Italic.woff') format('woff'),
url('MuseoSansCyrl-500Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
} }
@font-face {
font-family: 'MuseoSansCyrl-700Italic';
src: url('MuseoSansCyrl-700Italic.eot');
src: local('☞MuseoSansCyrl-700Italic'), local('MuseoSansCyrl-700Italic'),
url('MuseoSansCyrl-700Italic.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-700Italic.woff2') format('woff2'),
url('MuseoSansCyrl-700Italic.woff') format('woff'),
url('MuseoSansCyrl-700Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'MuseoSansCyrl-700';
src: url('MuseoSansCyrl-700.eot');
src: local('☞MuseoSansCyrl-700'), local('MuseoSansCyrl-700'),
url('MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-700.woff2') format('woff2'),
url('MuseoSansCyrl-700.woff') format('woff'),
url('MuseoSansCyrl-700.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSansCyrl-900';
src: url('MuseoSansCyrl-900.eot');
src: local('☞MuseoSansCyrl-900'), local('MuseoSansCyrl-900'),
url('MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-900.woff2') format('woff2'),
url('MuseoSansCyrl-900.woff') format('woff'),
url('MuseoSansCyrl-900.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

24
style/index.css
View File

@@ -10,7 +10,7 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #F9F9F9; background: #F9F9F9;
font-family: "Museo Sans Cyrl", sans-serif; font-family: 'MuseoSansCyrl', sans-serif;
} }
a{ a{
text-decoration: none; text-decoration: none;
@@ -156,35 +156,35 @@ a{
} }
.authors_block .top_box{ .authors_block .authors_top{
display: flex; display: flex;
background: #FFF; background: #FFF;
border-radius: 8px; border-radius: 8px;
} }
.top_box_img{ .authors_top_img{
border-radius: 8px; border-radius: 8px;
object-fit: cover; object-fit: cover;
} }
.top_box .info{ .authors_top_info{
padding: 40px 40px 58px; padding: 40px 40px 58px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 32px; gap: 32px;
} }
.top_box .info_title{ .authors_top .info_title{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
} }
.top_box .info_title h3{ .authors_top_info h3{
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: 600;
line-height: 28.8px; line-height: 28.8px;
color: #000000; color: #000000;
} }
.top_box p{ .authors_top p{
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 400;
line-height: 19.2px; line-height: 19.2px;
color: #000000; color: #000000;
} }
@@ -260,7 +260,7 @@ a{
border: none; border: none;
outline: none; outline: none;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 600;
line-height: 19.2px; line-height: 19.2px;
color: #878A90; color: #878A90;
cursor: pointer; cursor: pointer;
@@ -354,13 +354,13 @@ a{
line-height: 26px; line-height: 26px;
} }
.authors_block .top_box{ .authors_block .authors_top{
flex-direction: column; flex-direction: column;
} }
.top_box_img{ .authors_top_img{
height: 350px; height: 350px;
} }
.top_box .info { .authors_top_info {
padding: 30px 30px 38px; padding: 30px 30px 38px;
gap: 30px; gap: 30px;
} }