A css3 font example as well as an example framework that delivers font files.
This commit is contained in:
parent
ca6ffb4f57
commit
115d3164f5
BIN
examples/css3/extensions/fancy-fonts/templates/project/Vtks Revolt.ttf
Executable file
BIN
examples/css3/extensions/fancy-fonts/templates/project/Vtks Revolt.ttf
Executable file
Binary file not shown.
BIN
examples/css3/extensions/fancy-fonts/templates/project/angelina.ttf
Executable file
BIN
examples/css3/extensions/fancy-fonts/templates/project/angelina.ttf
Executable file
Binary file not shown.
@ -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
|
@ -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'
|
8
examples/css3/index.html.haml
Normal file
8
examples/css3/index.html.haml
Normal 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
|
||||
|
10
examples/css3/src/fancy-fonts.sass
Normal file
10
examples/css3/src/fancy-fonts.sass
Normal 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
|
Loading…
Reference in New Issue
Block a user