File structure of adding a source-sans-page to the sassy-seeds demo app.

00_application.scss

// top of the main file
// google fonts/external files must be imported in the root file.
@import url(http:/\/fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,300italic,400italic,500italic,600italic,700italic,800italic,900italic,200italic,100italic);
// @import source sans link from google fonts.

01_typography.scss

//---------------------------------
// font-families
$sans-fallback: Arial, Sans-Serif;
$exo: 'Exo', $sans-fallback;
$source-sans: 'Source-sans', $sans-fallback;
$sans: $exo;
$serif: serif;
$mono: "lucida console", mono;
$body-font-family: $sans;

02_source_sans_page.scss

// file located under /assets/stylesheets/partials_and_pages
//  add this file to the _partials_and_pages.scss

#source-sans-page {
  font-family: $source-sans;
}

03_partials_and_pages.scss

// pages
@import "partials_and_pages/styleguide";
@import "partials_and_pages/source_sans_page";