ivuorinen/heart2
1
0
Fork 0
mirror of https://github.com/ivuorinen/heart2.git synced 2026-01-26 03:13:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Entypo webfont added, see license at http://creativecommons.org/licenses/by-sa/3.0/

Browse Source
This commit is contained in:
Ismo Vuorinen
2012-12-21 07:18:52 +02:00
parent f299bd4ca7
commit ad9bf763c7
5 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
f/entypo.eot Normal file
View File

Binary file not shown.

13
f/entypo.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" > <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<defs >
<font id="entypo" horiz-adv-x="508" ><font-face
font-family="Entypo"
units-per-em="1000"
panose-1="0 0 0 0 0 0 0 0 0 0"
ascent="750"
descent="-250"
alphabetic="0" />
<missing-glyph horiz-adv-x="500" />
</font>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 471 B

BIN
f/entypo.ttf Normal file
View File

Binary file not shown.

BIN
f/entypo.woff Normal file
View File

Binary file not shown.

10
index.html
View File

@@ -30,6 +30,7 @@
}
div.attribution a {
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
}
@@ -43,11 +44,12 @@
top: 50%;
left: 50%;
margin-left: -200px;
margin-top: -300px;
margin-top: -200px;
text-align: center;
font-size: 500px;
line-height: 0%;
color: #fff;
line-height: 100%;
-webkit-animation: heartanimation 10s infinite;
@@ -64,8 +66,8 @@
@-webkit-keyframes heartanimation
{
0% { font-size: 500px; color: #f00; }
50% { font-size: 1000px; color: #900; width: 800px; height: 400px; margin-left: -400px; }
100% { font-size: 500px; color: #f00; width: 400px; height: 200px; margin-left: -200px; }
50% { font-size: 1000px; color: #900; width: 800px; height: 400px; margin-top: -400px; margin-left: -400px; }
100% { font-size: 500px; color: #f00; width: 400px; height: 200px; margin-top: -200px; margin-left: -200px; }
}
</style>
</head>