1

1

Countdown widget

I'm working on a countdown widget for a dashboard I manage. I was playing with a lot of different font options (using google's font api). The dashboard runs on linux, on a machine i have no control over, so using a font api was a great option. I included a screenshot of my iterations, the bottom right is the version that is up now. It is two fonts from google fonts (in included the html css for anyone that wants to know how to use it):

<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Quattrocento">
<script type="text/javascript" src="countdown.js"></script>
<style>
.site {
font-family: 'Alegreya Sans SC', sans-serif;
}
.city {
font-family: 'Quattrocento', serif;
}
.teu {
font-family: 'Alegreya Sans SC', serif;
}
.numbers{
font-family: 'Quattrocento', sans-serif;
}
.title{
font-family: 'Quattrocento', serif;
}
.date{
font-family: 'Quattrocento', serif;
}
</style>

</head>

Comments

Please sign in or sign up to comment.