Font face example.

doc-src/.compass/config.rb

@@ -7,9 +7,11 @@
 css_dir = "../docs/stylesheets"
 sass_dir = "content/stylesheets"
 images_dir = "assets/images"
-javascripts_dir = "content/javascripts"
+javascripts_dir = "assets/javascripts"
+fonts_dir = "assets/fonts"
 http_javascripts_dir = "javascripts"
 http_stylesheets_dir = "stylesheets"
 http_images_dir = "images"
+http_fonts_dir = "fonts"
 # To enable relative paths to assets via compass helper functions. Uncomment:
 # relative_assets = true

doc-src/Rules

@@ -56,6 +56,10 @@ route '/assets/javascripts/*/' do
   SITE_ROOT+item.identifier.chop[7..-1]+"."+item[:extension]
 end
 
+route '/assets/fonts/*/' do
+  SITE_ROOT+item.identifier.chop[7..-1]+"."+item[:extension]
+end
+
 route '/stylesheets/*/' do
   # don't generate a directory like we do for HTML files
   SITE_ROOT+item.identifier.chop + '.css'

doc-src/content/examples/compass/css3/font-face.haml

@@ -0,0 +1,8 @@
+---
+title: Compass Font Face Example
+description: How to use the @font-face mixin
+framework: compass
+stylesheet: compass/css3/_font_face.sass
+example: true
+---
+= render "partials/example"

doc-src/content/examples/compass/css3/font-face/markup.haml

@@ -0,0 +1,3 @@
+.example
+  %h1 The Quick Brown Fox
+  %p Jumped over the log.

doc-src/content/examples/compass/css3/font-face/stylesheet.sass

@@ -0,0 +1,6 @@
+@import compass/css3
+
++font-face("Angelina", font_files("examples/angelina.ttf", "truetype"))
+.example
+  font-family: "Angelina"
+  padding: 1em