Skip to content

Instantly share code, notes, and snippets.

@jklue

jklue/handshake font styles

Last active January 17, 2017 23:42
Show Gist options
  • Save jklue/d2c41d6cbccd1169e733caebe3240ea9 to your computer and use it in GitHub Desktop.
Save jklue/d2c41d6cbccd1169e733caebe3240ea9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
handshake font styles
<style>
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@font-face {
font-family:'KGSkinnyLatte';
src: url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_0_0.eot?13339726179268781510);
src: url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_0_0.eot?%23iefix&13339726179268781510) format('embedded-opentype'),
url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_0_0.woff?13339726179268781510) format('woff'),
url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_0_0.ttf?13339726179268781510) format('truetype');
}
@font-face {
font-family:'MrBrown';
src:url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_1_0.eot?13339726179268781510);
src:url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_1_0.eot?%23iefix&13339726179268781510) format('embedded-opentype'),
url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_1_0.woff?13339726179268781510) format('woff'),
url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_1_0.ttf?13339726179268781510) format('truetype');
}
@font-face {
font-family:'TheHandBold';
src:url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_2_0.eot?13339726179268781510);
src:url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_2_0.eot?%23iefix&13339726179268781510) format('embedded-opentype'),
url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_2_0.woff?13339726179268781510) format('woff'),
url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_2_0.ttf?13339726179268781510) format('truetype');
}
/* KGSkinnyLatte font */
h1,
ul,
li.brand-nav,
li.dropdown-toggle,
.nav li:first-of-type ul,
a.dropdown-menu,
.brand-nav .navbar-search .search-query,
.catalog-promos h2,
.manufacturer-thumbnails h2,
.welcome-unit h2,
.brand-nav .container > .nav > li:first-child,
.taxonomy-title {
font-family: 'KGSkinnyLatte';
}
/* Open Sans font */
a.btn.btn-success,
.order-label,
.order-total,
.order-info-wells ul,
ul.dropdown-menu,
.empty-cart-label {
font-family: 'Open Sans', sans-serif;
}
ul {
font-weight: normal;
}
body {
font-family: 'Open Sans', sans-serif;
font-weight: normal
}
h2 {
color: #aea89f;
}
.btn-group > .btn {
letter-spacing: 0 !important;
}
#order-cart .display-unit-price {
color: #333;
font-size: 13px;
}
/***********
* COLLECTION PAGE
***********/
/*Top Navigation -'Open Sans' 12px, 1px letter spacing, all-caps*/
.navbar .global-nav .container .nav > li > a, .navbar .global-nav .container .nav > .active a {font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }
/*Side Navigation - KG Skinny Latte, 23px*/
.taxonomy-navigation ul a,.taxonomy-navigation ul span {font-weight: normal !important; font-size: 23px; color: #f28965;text-transform:uppercase}
/*Collection name*/
.taxonomy-title { text-transform: uppercase; }
/*"Shop By Product" and dropdown:*/
.brand-nav .container>.nav>.dropdown .dropdown-menu li a {line-height:49px; color: #f28965; font-size: 23px; text-transform: uppercase; border-bottom: 1px dotted #ccc; }
.brand-nav .container>.nav>.dropdown .dropdown-toggle {font-size: 23px; letter-spacing: 1px;}
/*Search Bar placeholder text:*/
.brand-nav .navbar-search .search-query { font-family: 'Open Sans', sans-serif;}
/*Cart dropdown:*/
.brand-nav .brand-nav-cart-status .nav>li>a .empty-cart-label {text-transform: uppercase; letter-spacing: 0.5px; }
/*Checkout button:*/
.brand-nav .brand-nav-cart-status .btn-success {text-transform: uppercase; letter-spacing: 0.5px; }
/*Viewing 1-4 of 4:*/
.taxonomy-catalog .item-browser-controls .result-count {font-family: 'Open Sans', sans-serif; color: #938b7f;}
/*List | Size/Color | Image button:*/
.btn-group > .btn {text-transform: uppercase; letter-spacing: 1px; color: #938b7f; }
/*Collection name under “Viewing 1-4”:*/
.control-label strong {text-transform: uppercase; font-size:18px;color:#938b7f;}
/*Product SKU on collection page:*/
.quote-line-image .sku {color: #938b7f; font-size:15px;font-family:'Open Sans', sans-serif;}
/*Product Title on collection page:*/
.quote-line-image .ellipsis {color:#938b7f; font-family: 'Open Sans', sans-serif;font-size: 15px;}
.quote-line-image .ellipsis strong {font-weight: normal;}
.display-unit-price {color:#938b7f;font-size:20px;}
/***********
* PRODUCT MODAL WINDOW:
************/
/*Breadcrumb nav*/
.breadcrumbs { font-size: 15px; font-family: sans-serif; text-transform: uppercase; letter-spacing: 0.5px; }
/*Product title*/
.item-detail-modal-wrapper .modal h3 { font-family: 'TheHandBold'; font-size: 44px; line-height:47px;color: #938b7f; text-transform: uppercase;}
/*Price and SKU*/
.item-detail-modal-wrapper .modal .price-and-sku .sku, .item-detail-modal-wrapper .modal .price-and-sku .unit-price {color: #938b7f; font-size: 26px;}
.item-detail-modal-wrapper .modal .price-and-sku .sku, .item-detail-modal-wrapper .modal .price-and-sku .unit-price {font-size: 20px; }
/*SKU*/
.item-detail-modal-wrapper .modal .price-and-sku .sku, .item-detail-modal-wrapper .modal .price-and-sku .unit-price {font-size: 20px;color:#938b7f;}
/*Details*/
.item-detail-modal-wrapper .modal h4 { font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: normal; color: #938b7f;font-size:18px;text-transform:uppercase;}
/*Add to Order*/
.item-detail-modal-wrapper .modal .product-details .add-to-order {font-size: 18px;color:#938b7f;}
/*Zoom Label*/
.item-detail-modal-wrapper .modal .image-caption, .item-detail-modal-wrapper .modal .zoom-label {font-size: 15px; font-family:'‘Open Sans', sans-serif; }
/*Continue Shopping Button and Checkout button*/
.btn.continue-shoppin, .btn.check-out {font-size:18px;text-transform:uppercase;letter-spacing:1px}
.item-detail-modal-wrapper .modal,
.item-detail-modal-wrapper .modal .product-details .add-to-order,
.taxonomy-selected-node-name,
.dropdown-menu.dropdown-menu-has-1-elements,
.results {
text-transform: uppercase;
}
</style>
@margoglover23
Copy link

old code below copied for reference, as of jan 17 2017



<style>

@import url('https://fonts.googleapis.com/css?family=Pacifico');

ul {
	font-family: 'KGSkinnyLatte';
	font-weight: normal;
}
body {
    font-family: 'Open Sans', sans-serif;
     font-weight: normal
}

h1 {
    font-family: 'KGSkinnyLatte';
}

h2 {
    /* font-family: 'KGSkinnyLatte'; */
    color: #aea89f;
}



li.brand-nav { 
    font-family: 'KGSkinnyLatte';
}

li.dropdown-toggle { 
    font-family: 'KGSkinnyLatte';
}
li.dropdown { 
   
}

a.btn.btn-success {
 font-family: 'Open Sans', sans-serif;
}

a.dropdown-toggle {
 /* font-family: 'KGSkinnyLatte'; */
}

a.dropdown-menu {
 font-family: 'KGSkinnyLatte';
}

li {
 /* font-family: 'KGSkinnyLatte'; */
}

.brand-nav .navbar-search .search-query {
	font-family: 'KGSkinnyLatte';
}


@font-face {
    font-family:'KGSkinnyLatte'; 
    src: url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_0_0.eot?13339726179268781510); 
    src: url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_0_0.eot?%23iefix&13339726179268781510) format('embedded-opentype'), 
     url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_0_0.woff?13339726179268781510) format('woff'), 
    url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_0_0.ttf?13339726179268781510) format('truetype');
    
}  

@font-face {
	font-family:'MrBrown'; 
	src:url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_1_0.eot?13339726179268781510); 
	src:url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_1_0.eot?%23iefix&13339726179268781510) format('embedded-opentype'), 
		url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_1_0.woff?13339726179268781510) format('woff'), 
		url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_1_0.ttf?13339726179268781510) format('truetype');
	}  

		@font-face {
		font-family:'TheHandBold'; 
		src:url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_2_0.eot?13339726179268781510); 
		src:url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_2_0.eot?%23iefix&13339726179268781510) format('embedded-opentype'), 
		url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_2_0.woff?13339726179268781510) format('woff'), 
		url(//cdn.shopify.com/s/files/1/0440/7457/t/4/assets/2B06BA_2_0.ttf?13339726179268781510) format('truetype');
	}


/***********
* COLLECTION PAGE
***********/

/*Top Navigation - Open Sans, 12px, 1px letter spacing, all-caps*/
.navbar .global-nav .container .nav > li > a, .navbar .global-nav .container .nav > .active a {font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }

/*Side Navigation - KG Skinny Latte, 23px*/
.taxonomy-navigation ul a,.taxonomy-navigation ul span {font-weight: normal !important; font-size: 23px; color: #f28965;text-transform:uppercase}

/*Collection name*/
.taxonomy-title { text-transform: uppercase; }

/*"Shop By Product" and dropdown:*/
.brand-nav .container>.nav>.dropdown .dropdown-menu li a {line-height:49px; color: #f28965; font-size: 23px; text-transform: uppercase; border-bottom: 1px dotted #ccc; } 
.brand-nav .container>.nav>.dropdown .dropdown-toggle {font-size: 23px; letter-spacing: 1px;}

/*Search Bar placeholder text:*/
.brand-nav .navbar-search .search-query { font-family: 'Open Sans', sans-serif;}

/*Cart dropdown:*/
.brand-nav .brand-nav-cart-status .nav>li>a .empty-cart-label {text-transform: uppercase; letter-spacing: 0.5px; }

/*Checkout button:*/
.brand-nav .brand-nav-cart-status .btn-success {text-transform: uppercase; letter-spacing: 0.5px; }

/*Viewing 1-4 of 4:*/
.taxonomy-catalog .item-browser-controls .result-count {font-family: 'Open Sans', sans-serif; color: #938b7f;}

/*List | Size/Color | Image button:*/
.btn-group > .btn {text-transform: uppercase; letter-spacing: 1px; color: #938b7f; }

/*Collection name under “Viewing 1-4”:*/
.control-label strong {text-transform: uppercase; font-size:18px;color:#938b7f;}

/*Product SKU on collection page:*/
.quote-line-image .sku {color: #938b7f; font-size:15px;font-family:'Open Sans', sans-serif;}

/*Product Title on collection page:*/
.quote-line-image .ellipsis {color:#938b7f; font-family: 'Open Sans', sans-serif;font-size: 15px;}
.quote-line-image .ellipsis strong {font-weight: normal;}
.display-unit-price {color:#938b7f;font-size:20px;} 


/***********
* PRODUCT MODAL WINDOW:
************/
/*Breadcrumb nav*/
.breadcrumbs { font-size: 15px; font-family: sans-serif; text-transform: uppercase; letter-spacing: 0.5px; }

/*Product title*/
.item-detail-modal-wrapper .modal h3  { font-family: 'TheHandBold'; font-size: 44px; line-height:47px;color: #938b7f; text-transform: uppercase;}

/*Price and SKU*/
.item-detail-modal-wrapper .modal .price-and-sku .sku, .item-detail-modal-wrapper .modal .price-and-sku .unit-price {color: #938b7f; font-size: 26px;}
.item-detail-modal-wrapper .modal .price-and-sku .sku, .item-detail-modal-wrapper .modal .price-and-sku .unit-price {font-size: 20px; }

/*SKU*/
.item-detail-modal-wrapper .modal .price-and-sku .sku, .item-detail-modal-wrapper .modal .price-and-sku .unit-price {font-size: 20px;color:#938b7f;}

/*Details*/
.item-detail-modal-wrapper .modal h4 { font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-weight: normal; color: #938b7f;font-size:18px;text-transform:uppercase;}

/*Add to Order*/
.item-detail-modal-wrapper .modal .product-details .add-to-order {font-size: 18px;color:#938b7f;}

/*Zoom Label*/
.item-detail-modal-wrapper .modal .image-caption, .item-detail-modal-wrapper .modal .zoom-label {font-size: 15px; font-family: ‘Open Sans’, sans-serif; }

/*Continue Shopping Button and Checkout button*/
.btn.continue-shoppin, .btn.check-out {font-size:18px;text-transform:uppercase;letter-spacing:1px}

	.item-detail-modal-wrapper .modal {
	    text-transform: uppercase;
	}
	
	.item-detail-modal-wrapper .modal .product-details .add-to-order {
	  text-transform: uppercase;
	}

 .taxonomy-selected-node-name {
       text-transform: uppercase; 
	}

.dropdown-menu.dropdown-menu-has-1-elements {
           text-transform: uppercase; 

}

.results {

}

.brand-nav .brand-nav-cart-status .nav>li>a {
        text-transform: uppercase;
}

.order-label, .order-total {
	font-family: ‘Open Sans’, sans-serif;
}
.btn-group > .btn {
	letter-spacing: 0 !important;
}

.order-info-wells ul {
    font-family: ‘Open Sans’, sans-serif;
}

#order-cart .display-unit-price {
    color: #333;
    font-size: 13px; 
}

.catalog-promos h2, .manufacturer-thumbnails h2, .welcome-unit h2 {
    font-family: ‘KGSkinnyLatte’;
}



</style>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment