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