diff --git a/examples/css3/extensions/fancy-fonts/templates/project/Vtks Revolt.ttf b/examples/css3/extensions/fancy-fonts/templates/project/Vtks Revolt.ttf new file mode 100755 index 00000000..3f6c0956 Binary files /dev/null and b/examples/css3/extensions/fancy-fonts/templates/project/Vtks Revolt.ttf differ diff --git a/examples/css3/extensions/fancy-fonts/templates/project/angelina.ttf b/examples/css3/extensions/fancy-fonts/templates/project/angelina.ttf new file mode 100755 index 00000000..fe880ab9 Binary files /dev/null and b/examples/css3/extensions/fancy-fonts/templates/project/angelina.ttf differ diff --git a/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass b/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass new file mode 100644 index 00000000..3802325d --- /dev/null +++ b/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass @@ -0,0 +1,7 @@ +@import compass/css3.sass + ++font-face("Vtks Revolt", font-files("Vtks Revolt.ttf", 'truetype')) ++font-face("Angelina", font-files("angelina.ttf", 'truetype')) +h1 + font-family: "Vtks Revolt" + font-size: 3em diff --git a/examples/css3/extensions/fancy-fonts/templates/project/manifest.rb b/examples/css3/extensions/fancy-fonts/templates/project/manifest.rb new file mode 100644 index 00000000..99b2f0cd --- /dev/null +++ b/examples/css3/extensions/fancy-fonts/templates/project/manifest.rb @@ -0,0 +1,5 @@ +# From http://www.dafont.com/vtks-revolt.font +font 'Vtks Revolt.ttf' +# From http://www.dafont.com/angelina.font +font 'angelina.ttf' +stylesheet 'fancy-fonts.sass' diff --git a/examples/css3/index.html.haml b/examples/css3/index.html.haml new file mode 100644 index 00000000..83144159 --- /dev/null +++ b/examples/css3/index.html.haml @@ -0,0 +1,8 @@ +!!! +%html + %head + %link(href="stylesheets/fancy-fonts.css" rel="stylesheet" type="text/css") + %body + %h1 This is a Fancy Title + %h2 This is a Fancy Subtitle + diff --git a/examples/css3/src/fancy-fonts.sass b/examples/css3/src/fancy-fonts.sass new file mode 100644 index 00000000..f7862c18 --- /dev/null +++ b/examples/css3/src/fancy-fonts.sass @@ -0,0 +1,10 @@ +@import compass/css3.sass + ++font-face("Vtks Revolt", font-files("Vtks Revolt.ttf", 'truetype')) ++font-face("Angelina", font-files("angelina.ttf", 'truetype')) +h1 + font-family: "Vtks Revolt" + font-size: 5em +h2 + font-family: "Angelina" + font-size: 3em