diff --git a/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass b/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass index ab1ca05e..95073bac 100644 --- a/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass +++ b/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass @@ -1,4 +1,4 @@ -@import compass/css3.sass +@import compass/css3 +font-face("Blooming Grove", font-files("bgrove.ttf", truetype, "bgrove.otf", opentype)) +font-face("Prociono", font-files("Prociono.otf", opentype)) diff --git a/examples/css3/src/fancy-fonts.scss b/examples/css3/src/fancy-fonts.scss index 87824a4e..f72550fa 100644 --- a/examples/css3/src/fancy-fonts.scss +++ b/examples/css3/src/fancy-fonts.scss @@ -1,7 +1,13 @@ @import "compass/css3"; -@include font-face(Angelina, font_files(unquote("angelina.ttf"), truetype)); +@include font-face("Blooming Grove", font-files("bgrove.ttf", truetype, "bgrove.otf", opentype)); + +@include font-face("Prociono", font-files("Prociono.otf", opentype)); h1 { - font-family: "Angelina"; - font-size: 5em; } + font-family: "Blooming Grove"; + font-size: 3em; } + +h2 { + font-family: "Prociono"; + font-size: 2em; } diff --git a/examples/css3/src/main.scss b/examples/css3/src/main.scss index 1d116a6b..a0f8b24e 100644 --- a/examples/css3/src/main.scss +++ b/examples/css3/src/main.scss @@ -1,5 +1,6 @@ @import "blueprint/reset"; @import "base"; +@import "fancy-fonts"; $border_color: #aaaaaa; @@ -28,7 +29,6 @@ h1 { @include box-shadow(darken($border_color, 40), 5px, 5px, 2px); margin-bottom: 1em; h2 { - font-family: Angelina; margin: 0.5em 0 1em; text-align: center; } } diff --git a/examples/css3/stylesheets/fonts/Prociono.otf b/examples/css3/stylesheets/fonts/Prociono.otf new file mode 100644 index 00000000..3344675b Binary files /dev/null and b/examples/css3/stylesheets/fonts/Prociono.otf differ diff --git a/examples/css3/stylesheets/fonts/bgrove.otf b/examples/css3/stylesheets/fonts/bgrove.otf new file mode 100644 index 00000000..9b203da6 Binary files /dev/null and b/examples/css3/stylesheets/fonts/bgrove.otf differ diff --git a/examples/css3/stylesheets/fonts/bgrove.ttf b/examples/css3/stylesheets/fonts/bgrove.ttf new file mode 100644 index 00000000..9f2d056f Binary files /dev/null and b/examples/css3/stylesheets/fonts/bgrove.ttf differ