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
font: 14px/1.4 "jaf-bernino-sans", "Helvetica Neue", Helvetica, Arial, sans-serif
font: 14px/1.4 $base-font-family
color: #333
a
@ -14,7 +17,7 @@ h1
color: #C647BF
font-size: 3.8em
font-weight: bold
font-family: "source-code-pro", monospace
font-family: $source-code-font-family
margin-bottom: 0
line-height: 1
@ -27,7 +30,7 @@ h1, h2
h3
font-size: 1.3em
font-family: "source-code-pro", monospace
font-family: $source-code-font-family
margin-bottom: 0
position: relative
padding-left: .1em
@ -112,3 +115,6 @@ footer
display: inline
list-style-type: none
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)}
%title= current_page.data.title
= stylesheet_link_tag '//fonts.googleapis.com/css?family=Carrois+Gothic|Source+Code+Pro:400,700'
= stylesheet_link_tag 'application'
= javascript_include_tag "//use.typekit.net/tng8liq.js"
:javascript
try{Typekit.load();}catch(e){}