Change font to Roboto and Roboto Condensed

This commit is contained in:
Thuan Bui
2017-10-17 06:19:18 -04:00
parent 9cc00e1c56
commit 87b8ccc4a7
6 changed files with 38 additions and 37 deletions
+4 -4
View File
@@ -30,10 +30,10 @@ $overlay: rgba(20,30,40,0.82);
/* ### Typography */
$font-heading: 'Montserrat', Helvetica, Arial, sans-serif;
$font-body: 'Hind', Helvetica, Arial, sans-serif;
$normal: 400;
$bolder: 600;
$font-heading: 'Roboto Condensed', Helvetica, Arial, sans-serif;
$font-body: 'Roboto', Helvetica, Arial, sans-serif;
$normal: 300;
$bolder: 500;
$bold: 700;
/* ### Other */
+1 -1
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -1
View File
@@ -203,7 +203,8 @@ function business_scripts_styles() {
wp_dequeue_style( 'simple-social-icons-font' );
// Enqueue Google fonts.
wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Montserrat:600|Hind:400', array(), CHILD_THEME_VERSION );
//wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Montserrat:600|Hind:400', array(), CHILD_THEME_VERSION );
wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:300,500&subset=latin-ext,vietnamese', array(), CHILD_THEME_VERSION );
// Enqueue Line Awesome icon font.
wp_enqueue_style( 'line-awesome', '//maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome-font-awesome.min.css', array(), CHILD_THEME_VERSION );
+29 -29
View File
@@ -117,7 +117,7 @@ input,
optgroup,
select,
textarea {
font-family: Hind,Helvetica,Arial,sans-serif;
font-family: Roboto,Helvetica,Arial,sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
@@ -287,10 +287,10 @@ html {
body {
background-color: #f6f7f8;
color: #141e28;
font-family: Hind,Helvetica,Arial,sans-serif;
font-family: Roboto,Helvetica,Arial,sans-serif;
font-size: 18px;
font-size: 1.8rem;
font-weight: 400;
font-weight: 300;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: grayscale;
@@ -335,7 +335,7 @@ hr {
}
b,
strong {
font-weight: 600
font-weight: 500
}
blockquote,
cite,
@@ -353,8 +353,8 @@ h3,
h4,
h5,
h6 {
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-weight: 600;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-weight: 500;
line-height: 1.2;
margin: 0 0 .382em
}
@@ -424,7 +424,7 @@ input[type=submit] {
border-radius: .4rem;
color: #fff;
cursor: pointer;
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
@@ -867,7 +867,7 @@ img.alignright {
.site-title {
font-size: 17px;
font-size: 1.7rem;
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-weight: 700;
line-height: 1;
margin-bottom: 0;
@@ -994,8 +994,8 @@ img.alignright {
}
.menu {
width: 100%;
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-weight: 600;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-weight: 500;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
@@ -1346,8 +1346,8 @@ img.alignright {
p.entry-meta {
font-size: 12px;
font-size: 1.2rem;
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-weight: 600;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-weight: 500;
text-transform: uppercase
}
.entry-header p.entry-meta {
@@ -1381,11 +1381,11 @@ p.entry-meta {
padding: 40px 0;
padding: 4rem 0;
background-color: #f6f7f8;
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-size: 14px;
font-size: 1.4rem;
text-transform: uppercase;
font-weight: 600
font-weight: 500
}
.adjacent-entry-pagination a {
color: #567;
@@ -1537,7 +1537,7 @@ p.entry-meta {
}
.widget-title,
.widgettitle {
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-size: 24px;
font-size: 2.4rem
}
@@ -1651,8 +1651,8 @@ p.entry-meta {
line-height: 1.618;
padding: 0;
margin: 0 0 1em;
font-family: Hind,Helvetica,Arial,sans-serif;
font-weight: 400;
font-family: Roboto,Helvetica,Arial,sans-serif;
font-weight: 300;
text-transform: capitalize
}
.footer-widgets .menu-item a {
@@ -2129,8 +2129,8 @@ div.lSSlideOuter ul.testimonials-list li {
padding: .5em 1.5em;
font-size: 14px;
font-size: 1.4rem;
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-weight: 600;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-weight: 500;
margin-top: 1em;
width: auto;
background-color: #141e28;
@@ -2362,8 +2362,8 @@ div.lSSlideOuter ul.testimonials-list li {
height: 100%
}
.front-page-5 .title {
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-weight: 600;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-weight: 500;
text-transform: uppercase;
position: absolute;
text-align: center;
@@ -2461,9 +2461,9 @@ div.lSSlideOuter ul.testimonials-list li {
margin: -1.5rem
}
.portfolio .filter {
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-size: small;
font-weight: 600;
font-weight: 500;
text-transform: uppercase;
text-align: center;
display: block;
@@ -2540,9 +2540,9 @@ div.lSSlideOuter ul.testimonials-list li {
.portfolio-item .entry-title {
text-align: center;
position: absolute;
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
text-transform: uppercase;
font-weight: 600;
font-weight: 500;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
@@ -2613,8 +2613,8 @@ div.lSSlideOuter ul.testimonials-list li {
text-transform: uppercase;
font-size: 14px;
font-size: 1.4rem;
font-family: Montserrat,Helvetica,Arial,sans-serif;
font-weight: 600;
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
font-weight: 500;
padding: 2em 0;
color: #567;
box-shadow: 0 0 1rem -1rem rgba(20,30,40,0);
@@ -2718,7 +2718,7 @@ div.lSSlideOuter ul.testimonials-list li {
background-color: #fb2056
}
.pricing-table strong {
font-weight: 600;
font-weight: 500;
color: #567;
font-size: 20px;
font-size: 2rem
@@ -2737,7 +2737,7 @@ div.lSSlideOuter ul.testimonials-list li {
font-size: 30px;
font-size: 3rem;
color: #567;
font-weight: 600
font-weight: 500
}
.pricing-table p {
margin: 0