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

font changed

Browse Source
project_banner
BOUNTY707 7 months ago
parent 60eeec9de2
commit 508b6dca4c
45 changed files with 390 additions and 53 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      authors.html
  2. 6
      authors2.html
  3. BIN
      font/MuseoSansCyrl-100.eot
  4. BIN
      font/MuseoSansCyrl-100.ttf
  5. BIN
      font/MuseoSansCyrl-100.woff
  6. BIN
      font/MuseoSansCyrl-100.woff2
  7. BIN
      font/MuseoSansCyrl-100Italic.eot
  8. BIN
      font/MuseoSansCyrl-100Italic.ttf
  9. BIN
      font/MuseoSansCyrl-100Italic.woff
  10. BIN
      font/MuseoSansCyrl-100Italic.woff2
  11. BIN
      font/MuseoSansCyrl-300.eot
  12. BIN
      font/MuseoSansCyrl-300.ttf
  13. BIN
      font/MuseoSansCyrl-300.woff
  14. BIN
      font/MuseoSansCyrl-300.woff2
  15. BIN
      font/MuseoSansCyrl-300Italic.eot
  16. BIN
      font/MuseoSansCyrl-300Italic.ttf
  17. BIN
      font/MuseoSansCyrl-300Italic.woff
  18. BIN
      font/MuseoSansCyrl-300Italic.woff2
  19. BIN
      font/MuseoSansCyrl-500.eot
  20. BIN
      font/MuseoSansCyrl-500.ttf
  21. BIN
      font/MuseoSansCyrl-500.woff
  22. BIN
      font/MuseoSansCyrl-500.woff2
  23. BIN
      font/MuseoSansCyrl-500Italic.eot
  24. BIN
      font/MuseoSansCyrl-500Italic.ttf
  25. BIN
      font/MuseoSansCyrl-500Italic.woff
  26. BIN
      font/MuseoSansCyrl-500Italic.woff2
  27. BIN
      font/MuseoSansCyrl-700.eot
  28. BIN
      font/MuseoSansCyrl-700.ttf
  29. BIN
      font/MuseoSansCyrl-700.woff
  30. BIN
      font/MuseoSansCyrl-700.woff2
  31. BIN
      font/MuseoSansCyrl-700Italic.eot
  32. BIN
      font/MuseoSansCyrl-700Italic.ttf
  33. BIN
      font/MuseoSansCyrl-700Italic.woff
  34. BIN
      font/MuseoSansCyrl-700Italic.woff2
  35. BIN
      font/MuseoSansCyrl-900.eot
  36. BIN
      font/MuseoSansCyrl-900.ttf
  37. BIN
      font/MuseoSansCyrl-900.woff
  38. BIN
      font/MuseoSansCyrl-900.woff2
  39. BIN
      font/MuseoSansCyrl-900Italic.eot
  40. BIN
      font/MuseoSansCyrl-900Italic.ttf
  41. BIN
      font/MuseoSansCyrl-900Italic.woff
  42. BIN
      font/MuseoSansCyrl-900Italic.woff2
  43. 285
      font/demo.html
  44. 126
      font/stylesheet.css
  45. 24
      style/index.css

2
authors.html
Unescape 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
Unescape 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
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
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100Italic.eot
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100Italic.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100Italic.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-100Italic.woff2
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300.eot
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300.woff2
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300Italic.eot
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300Italic.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300Italic.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-300Italic.woff2
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500.eot
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500.woff2
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500Italic.eot
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500Italic.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500Italic.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-500Italic.woff2
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700.eot
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700.woff2
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700Italic.eot
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700Italic.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700Italic.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-700Italic.woff2
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900.eot
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900.woff2
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900Italic.eot
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900Italic.ttf
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900Italic.woff
View File

Binary file not shown.

BIN
font/MuseoSansCyrl-900Italic.woff2
View File

Binary file not shown.

285
font/demo.html
Unescape 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;
}</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-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; 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>
<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>

126
font/stylesheet.css
Unescape 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');
url('MuseoSansCyrl-100.ttf') format('truetype'); src: local('☞MuseoSansCyrl-300'), local('MuseoSansCyrl-300'),
font-weight: 200; 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-style: normal;
font-display: swap;
} }
@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-face {
font-family: 'Museo Sans Cyrl'; font-family: 'MuseoSansCyrl';
src: url('MuseoSansCyrl-400.woff') format('woff'), src: url('MuseoSansCyrl-100.eot');
url('MuseoSansCyrl-400.ttf') format('truetype'); src: local('☞MuseoSansCyrl-100'), local('MuseoSansCyrl-100'),
font-weight: 400; 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');
font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap;
} }
@font-face {
font-family: 'MuseoSansCyrl-900Italic';
src: url('MuseoSansCyrl-900Italic.eot');
src: local('☞MuseoSansCyrl-900Italic'), local('MuseoSansCyrl-900Italic'),
url('MuseoSansCyrl-900Italic.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-900Italic.woff2') format('woff2'),
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-face {
font-family: 'MuseoSansCyrl-500Italic';
src: url('MuseoSansCyrl-500Italic.eot');
src: local('☞MuseoSansCyrl-500Italic'), local('MuseoSansCyrl-500Italic'),
url('MuseoSansCyrl-500Italic.eot?#iefix') format('embedded-opentype'),
url('MuseoSansCyrl-500Italic.woff2') format('woff2'),
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-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Museo Sans Cyrl'; font-family: 'MuseoSansCyrl-900';
src: url('MuseoSansCyrl-600.woff') format('woff'), src: url('MuseoSansCyrl-900.eot');
url('MuseoSansCyrl-600.ttf') format('truetype'); src: local('☞MuseoSansCyrl-900'), local('MuseoSansCyrl-900'),
font-weight: 600; 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; font-style: normal;
font-display: swap;
} }

24
style/index.css
Unescape 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;
} }

Write Preview
Loading…
Cancel
Save