Switch to Google Fonts.

The intent is to remove the Typekit JavaScript execution and subsequent
network requests to improve load times. Google Fonts only requires one
non-authenticated, cached stylesheet request.

This changes the body font from JAF Bernino Sans to Carrois Gothic and
the "bold" Source Code Pro was reduced from Ultra Bold (900) to Bold
(700).
This commit is contained in:
Nathaniel Bibler 2015-10-31 15:36:28 -04:00
parent b84866624e
commit ede2279312
2 changed files with 10 additions and 5 deletions

View File

@ -1,5 +1,8 @@
$base-font-family: "Carrois Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif
$source-code-font-family: "Source Code Pro", monospace
html html
font: 14px/1.4 "jaf-bernino-sans", "Helvetica Neue", Helvetica, Arial, sans-serif font: 14px/1.4 $base-font-family
color: #333 color: #333
a a
@ -14,7 +17,7 @@ h1
color: #C647BF color: #C647BF
font-size: 3.8em font-size: 3.8em
font-weight: bold font-weight: bold
font-family: "source-code-pro", monospace font-family: $source-code-font-family
margin-bottom: 0 margin-bottom: 0
line-height: 1 line-height: 1
@ -27,7 +30,7 @@ h1, h2
h3 h3
font-size: 1.3em font-size: 1.3em
font-family: "source-code-pro", monospace font-family: $source-code-font-family
margin-bottom: 0 margin-bottom: 0
position: relative position: relative
padding-left: .1em padding-left: .1em
@ -112,3 +115,6 @@ footer
display: inline display: inline
list-style-type: none list-style-type: none
padding-right: 20px padding-right: 20px
pre
font-family: $source-code-font-family

View File

@ -20,10 +20,9 @@
%link{rel: 'canonical', href: path_to_url(current_page.url)} %link{rel: 'canonical', href: path_to_url(current_page.url)}
%title= current_page.data.title %title= current_page.data.title
= stylesheet_link_tag '//fonts.googleapis.com/css?family=Carrois+Gothic|Source+Code+Pro:400,700'
= stylesheet_link_tag 'application' = stylesheet_link_tag 'application'
= javascript_include_tag "//use.typekit.net/tng8liq.js"
:javascript :javascript
try{Typekit.load();}catch(e){} try{Typekit.load();}catch(e){}