A css3 font example as well as an example framework that delivers font files.

This commit is contained in:
Chris Eppstein 2009-11-28 12:18:04 -08:00
parent ca6ffb4f57
commit 115d3164f5
6 changed files with 30 additions and 0 deletions

View File

@ -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

View File

@ -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'

View File

@ -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

View File

@ -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