Skip to content

Instantly share code, notes, and snippets.

@Mohsen-Khakbiz

Mohsen-Khakbiz/font-selectors.scss

Last active February 24, 2017 10:36
Show Gist options
  • Save Mohsen-Khakbiz/b3886307923d7075036ecca4304c4b81 to your computer and use it in GitHub Desktop.
Save Mohsen-Khakbiz/b3886307923d7075036ecca4304c4b81 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
font-selectors.scss
$font-secondary: 'Poppins';
$font-tertiary: 'Karla';
$font-fourth: 'Roboto';
/*
SECONDARY FONTS ( Inherit the font from body )
=================
*/
.author-heading,
.banner-half-bg .icon-box h3,
.car-rent-reservation .ui-selectmenu-button,
.car-rent-reservation input,
.car-rent-reservation label,
.cart_totals table.shop_table th,
.comment-reply-title,
.comments-title,
.counter-box .counter-element,
.content-box-img-info p,
.img-maps-products h3,
.post-related h4,
.pricing-table-minimal2 h4,
.portfolio-no-gap .portfolio-item .btn,
.pricing-table-elegant .price,
.pricing-table-flat-head .currency,
.pricing-table-flat-head .pricing,
.pricing-table-tabular-alt2 h4,
.pricing-table-flat-head-gradient h4,
.pricing-table-flat-gradient h4,
.product-elegant-alt .product h3,
.product-elegant .product h3
.section-title-underlined-title h2,
.section-title-side-line h2,
.tabs-border-floated .nav-tabs > li a,
.tabs-shadow .nav-tabs li a,
.tabs-shadow .nav-tabs li.active a,
.tabs-shadow h6,
.team-member-contact-info .team-member-title,
.team-member-border-bw .team-member-title
.team-member-whole-border .team-member-title,
.team-member-hover-social-special .team-member-name,
.team-member-side-border .team-member-title,
.domain-search .ui-widget {
font-family: $font-secondary;
}
/*
TERTIARY FONTS ( Inherit from H3 typography font-family )
=================
*/
.acccordion-big-square .accordion-toggle,
.banner-half-bg p,
.banner-rhombus-subtitle-alt p,
.blog-posts .page-nav,
.blog-post .post-quote footer,
.blog-post .post-info,
.car-search .radio-group label,
.car-search .ui-selectmenu-button,
.car-rent-reservation li::before,
.car-rent-reservation label,
.carousel-items .latest-bold-title.latest-meta .meta,
.content-box-big-img-alt .content-box-info,
.counter-box p,
.counter-element,
.domain-search.style3 input,
.domain-search.style3 select,
.domain-search.style3 button,
.elegant-filters li,
.featured-box-product-centered .featured-box-info,
.featured-box-product-centered .featured-box-price,
.icon-box .counter,
.icon-box-boxed-unfilled-alt5 h3,
.meta-caption.meta-sm2 .meta,
.page-nav,
.portfolio-grid .category,
.portfolio-grid .portfolio-meta,
.portfolio-grid .masonry-filters,
.portfolio .masonry-filters,
.portfolio-elegant .portfolio-item .item-details .subheading,
.pricing-table-flat-head .price,
.pricing-table-graphic .pricing,
.pricing-table-sticky-head-alt .price,
.pricing-table-sticky-head h4,
.pricing-table-sticky-head .pricing,
.pricing-table-minimal .price,
.pricing-table-tabular-alt .price,
.pricing-table-tabular-alt .currency,
.pricing-table-tabular-alt2 h4,
.pricing-table-flat-gradient .price,
.sorting-option label,
.section-title .subtitle,
.section-title-thick .subtitle,
.team-member-hover-social .team-member-title,
.tabs-stacked-default .nav-pills li,
.tabs-border-floated .nav-tabs > li a .date,
.tabs-border-center-alt .nav-tabs li,
.tabs-switch-center-gradient .nav-tabs > li a,
.testimonial-minimal-vertical .testimonial-name,
.testimonial-minimal-square .testimonial-details,
.testimonial-inverted .testimonial-name,
.testimonial-minimal-vertical-big .quote-symbol:before,
.testimonial-minimal-vertical .testimonial-details:before,
.team-member-whole-border .team-member-title,
.testimonial-boxed .testimonial-details,
.ui-selectmenu-menu li {
font-family: $font-tertiary;
}
/*
FOURTH FONTS ( A new font )
=================
*/
.banner-broad h3,
.banner-condensed-2-alt .btn,
.banner-deals .text-center .ribbon-text,
.banner-deals .text-left p,
.banner-deals .text-right p,
.car-rent-reservation,
.car-rent-reservation input,
.car-rent-reservation .ui-selectmenu-button,
.cart_totals table.shop_table td,
.content-box-img-alternate h3,
.content-box-img,
.content-box-img-info,
.featured-box-product .featured-box-featured,
.featured-box-product .featured-box-price,
.icon-box .counter-element,
.img-maps-products .price,
.latest-posts .meta,
.latest-default .meta,
.outline-filters li,
.portfolio-elegant .portfolio-item .subheading,
.portfolio-elegant .masonry-filters li,
.portfolio .portfolio-item p,
.pricing-table-elegant .btn,
.pricing-table-graphic h4,
.pricing-table-minimal .pricing,
.pricing-table-minimal2 .currency,
.pricing-table-classic header h4,
.pricing-table-classic .price,
.pricing-table-classic .popular-badge,
.pricing-table-tabular .pricing,
.pricing-table-tabular-alt2 .pricing .currency,
.portfolio-classic .portfolio-item .item-details p,
.product-hover-shadow .price,
.product-bordered .product .price,
.product-elegant-alt li.product .price,
.product-elegant li.product .price,
.section-title-classic4 .subtitle,
.section-title-classic4-alt .subtitle,
.section-title-numerical h6,
.section-title-numerical-alt h6,
.section-title-classic3 .subtitle,
.section-title-blue-underline .subtitle,
#shipping_method .amount,
.tabs-switch-center > ul > li,
.tabs-icon-dots .nav-tabs > li > a,
.tabs-naked .nav-tabs > li,
.team-member-title,
.team-member-border .team-member-title,
.team-member-hover-expand .social-icons,
.testimonial-blurb-vertical .testimonial-details,
.testimonial-inverted .testimonial-details-other,
.vertical-progressbar .progressbar-title,
.vertical-progressbar .progressbar-value,
.wpcf7-submit,
.woocommerce .woocommerce-checkout-review-order-table .amount,
.woocommerce table.shop_table td.product-subtotal,
.woocommerce table.shop_table td.product-price {
font-family: $font-fourth;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment