Skip to content

L
landing_pages
Commit b35d16f4 by Iren
Options

add fonts

parent a3068715
Showing with 46 additions and 36 deletions
css/styles.css
@font-face { @font-face {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
/*src: url("../fonts/HelveticaNeue-Black.otf");*/ /*src: url("../fonts/HelveticaNeue-Black.otf");*/
src: url("../fonts/HelveticaNeue-Black.otf"); src: url("../fonts/ofont.ru_Avenir Next.ttf");
} }
@font-face { @font-face {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
src: url("../fonts/SFUIDisplay-Regular.otf"); src: url("../fonts/SF-UI-Display-Regular.ttf");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light;
src: url("../fonts/SFUIDisplay-Light.otf"); src: url("../fonts/SF-UI-Display-Light.ttf");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
...@@ -219,7 +219,7 @@ i.icon-last { ...@@ -219,7 +219,7 @@ i.icon-last {
h1 { h1 {
position: relative; position: relative;
z-index: 3; z-index: 3;
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-size: 60px; font-size: 60px;
color: white; color: white;
font-weight: 800; font-weight: 800;
...@@ -253,6 +253,7 @@ h1 { ...@@ -253,6 +253,7 @@ h1 {
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 12px; margin-bottom: 12px;
font-family: SFUIDisplay-Light;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 30px; line-height: 30px;
...@@ -350,7 +351,7 @@ video { ...@@ -350,7 +351,7 @@ video {
} }
} }
.h2-desktop { .h2-desktop {
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-size: 36px; font-size: 36px;
font-weight: 800; font-weight: 800;
line-height: 62px; line-height: 62px;
...@@ -361,7 +362,7 @@ video { ...@@ -361,7 +362,7 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.h2-desktop { .h2-desktop {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -415,7 +416,8 @@ video { ...@@ -415,7 +416,8 @@ video {
} }
} }
.h2-desktop-tittle { .h2-desktop-tittle {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
font-weight: 800;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.h2-desktop-tittle { .h2-desktop-tittle {
...@@ -428,7 +430,7 @@ video { ...@@ -428,7 +430,7 @@ video {
} }
} }
.h3-desktop { .h3-desktop {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
margin-bottom: 18px; margin-bottom: 18px;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
...@@ -598,6 +600,7 @@ video { ...@@ -598,6 +600,7 @@ video {
} }
} }
.advertising-text-order h2 { .advertising-text-order h2 {
font-family: Avenir Next;
font-size: 36px; font-size: 36px;
line-height: 62px; line-height: 62px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -611,7 +614,7 @@ video { ...@@ -611,7 +614,7 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.advertising-text-order h2 { .advertising-text-order h2 {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -637,7 +640,6 @@ video { ...@@ -637,7 +640,6 @@ video {
} }
.advertising-text { .advertising-text {
width: 110%; width: 110%;
font-family: AvenirNext-Heavy;
} }
.advertising-text h2 { .advertising-text h2 {
font-size: 36px; font-size: 36px;
...@@ -646,14 +648,15 @@ video { ...@@ -646,14 +648,15 @@ video {
color: #315197; color: #315197;
letter-spacing: 0.36px; letter-spacing: 0.36px;
max-width: 803px; max-width: 803px;
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-weight: 700;
margin-bottom: 21px; margin-bottom: 21px;
line-height: 36px; line-height: 36px;
font-weight: 800; font-weight: 800;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.advertising-text h2 { .advertising-text h2 {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -756,13 +759,13 @@ video { ...@@ -756,13 +759,13 @@ video {
color: #315197; color: #315197;
letter-spacing: 0.36px; letter-spacing: 0.36px;
max-width: 803px; max-width: 803px;
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-weight: 800; font-weight: 800;
margin-bottom: 0; margin-bottom: 0;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.option h2 { .option h2 {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -863,7 +866,7 @@ video { ...@@ -863,7 +866,7 @@ video {
} }
} }
.option-text p { .option-text p {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
line-height: 18px; line-height: 18px;
...@@ -1749,7 +1752,7 @@ video { ...@@ -1749,7 +1752,7 @@ video {
} }
} }
.form-wrapper h6 { .form-wrapper h6 {
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-size: 60px; font-size: 60px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -1763,7 +1766,7 @@ video { ...@@ -1763,7 +1766,7 @@ video {
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.form-wrapper h6 { .form-wrapper h6 {
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-size: 30px; font-size: 30px;
font-weight: 400; font-weight: 400;
line-height: 62px; line-height: 62px;
...@@ -1901,6 +1904,9 @@ input.form-last-child { ...@@ -1901,6 +1904,9 @@ input.form-last-child {
height: 28px; height: 28px;
} }
} }
.footer-wrapper-logo a {
font-family: SFUIDisplay-Regular;
}
@media (max-width: 576px) { @media (max-width: 576px) {
.footer-wrapper-logo a { .footer-wrapper-logo a {
font-size: 14px; font-size: 14px;
......
css/styles.less
@font-face { @font-face {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
/*src: url("../fonts/HelveticaNeue-Black.otf");*/ /*src: url("../fonts/HelveticaNeue-Black.otf");*/
src: url("../fonts/HelveticaNeue-Black.otf"); src: url("../fonts/ofont.ru_Avenir Next.ttf");
} }
@font-face { @font-face {
font-family: SFUIDisplay-Regular; font-family: SFUIDisplay-Regular;
src: url("../fonts/SFUIDisplay-Regular.otf"); src: url("../fonts/SF-UI-Display-Regular.ttf");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: SFUIDisplay-Light; font-family: SFUIDisplay-Light;
src: url("../fonts/SFUIDisplay-Light.otf"); src: url("../fonts/SF-UI-Display-Light.ttf");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
...@@ -191,7 +191,7 @@ i.icon-last { ...@@ -191,7 +191,7 @@ i.icon-last {
h1 { h1 {
position: relative; position: relative;
z-index: 3; z-index: 3;
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-size: 60px; font-size: 60px;
color: white; color: white;
font-weight: 800; font-weight: 800;
...@@ -221,6 +221,7 @@ h1 { ...@@ -221,6 +221,7 @@ h1 {
position: relative; position: relative;
z-index: 3; z-index: 3;
margin-bottom: 12px; margin-bottom: 12px;
font-family: SFUIDisplay-Light;
font-size: 18px; font-size: 18px;
font-weight: 300; font-weight: 300;
line-height: 30px; line-height: 30px;
...@@ -305,7 +306,7 @@ video { ...@@ -305,7 +306,7 @@ video {
} }
} }
.h2-desktop { .h2-desktop {
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-size: 36px; font-size: 36px;
font-weight: 800; font-weight: 800;
line-height: 62px; line-height: 62px;
...@@ -314,7 +315,7 @@ video { ...@@ -314,7 +315,7 @@ video {
letter-spacing: 0.36px; letter-spacing: 0.36px;
max-width: 803px; max-width: 803px;
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
margin-bottom: 3px; margin-bottom: 3px;
...@@ -364,7 +365,8 @@ video { ...@@ -364,7 +365,8 @@ video {
} }
} }
.h2-desktop-tittle { .h2-desktop-tittle {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
font-weight: 800;
@media (max-width: 576px){ @media (max-width: 576px){
max-width: 170px; max-width: 170px;
} }
...@@ -373,7 +375,7 @@ video { ...@@ -373,7 +375,7 @@ video {
} }
} }
.h3-desktop { .h3-desktop {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
margin-bottom: 18px; margin-bottom: 18px;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
...@@ -535,10 +537,10 @@ video { ...@@ -535,10 +537,10 @@ video {
.advertising-text { .advertising-text {
width: 110%; width: 110%;
font-family: AvenirNext-Heavy;
h2 { h2 {
.h2-desktop; .h2-desktop;
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-weight: 700;
margin-bottom: 21px; margin-bottom: 21px;
line-height: 36px; line-height: 36px;
font-weight: 800; font-weight: 800;
...@@ -622,9 +624,10 @@ video { ...@@ -622,9 +624,10 @@ video {
} }
/*option*/ /*option*/
.option { .option {
h2 { h2
{
.h2-desktop; .h2-desktop;
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-weight: 800; font-weight: 800;
margin-bottom: 0; margin-bottom: 0;
@media (max-width: 576px) { @media (max-width: 576px) {
...@@ -705,7 +708,7 @@ video { ...@@ -705,7 +708,7 @@ video {
width: 139px; width: 139px;
} }
p { p {
font-family: HelveticaNeue-Black; font-family: Avenir Next;
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
line-height: 18px; line-height: 18px;
...@@ -1420,7 +1423,7 @@ video { ...@@ -1420,7 +1423,7 @@ video {
padding-top: 71px; padding-top: 71px;
} }
h6 { h6 {
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-size: 60px; font-size: 60px;
font-weight: 400; font-weight: 400;
color: white; color: white;
...@@ -1430,7 +1433,7 @@ video { ...@@ -1430,7 +1433,7 @@ video {
font-size: 50px; font-size: 50px;
} }
@media (max-width: 576px) { @media (max-width: 576px) {
font-family: AvenirNext-Heavy; font-family: Avenir Next;
font-size: 30px; font-size: 30px;
font-weight: 400; font-weight: 400;
line-height: 62px; line-height: 62px;
...@@ -1555,6 +1558,7 @@ footer { ...@@ -1555,6 +1558,7 @@ footer {
} }
} }
a { a {
font-family: SFUIDisplay-Regular;;
@media (max-width: 576px) { @media (max-width: 576px) {
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
......
index.html
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" /> <link rel="stylesheet" href="vendors/fontawesome/web-fonts-with-css/css/fontawesome-all.css" />
</head> </head>
<body> <body>
<!--
<header> <header>
<div class="main-container"> <div class="main-container">
<div class="header-container"> <div class="header-container">
...@@ -90,7 +90,7 @@ ...@@ -90,7 +90,7 @@
</div> </div>
</header> </header>
-->
<section class="main-container"> <section class="main-container">
<h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2> <h2 class="h2-desktop h2-desktop-tittle">Что такое MySmart Office</h2>
<div class="main-line"> <div class="main-line">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment