diff --git a/index.html b/index.html
index 8594457..b0415d7 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,16 @@
 		<script type="text/javascript" src="js/colpick/js/colpick.js"></script>
 		<link rel="stylesheet" href="js/colpick/css/colpick.css" />
 		<style type="text/css">
+			@font-face {
+				font-family: 'Satisfy';
+				font-style: normal;
+				font-weight: 400;
+				src: local('Satisfy'), url(https://fonts.gstatic.com/s/satisfy/v6/ch7X2unYkww0EzsjlC3m8w.woff) format('woff');
+			}
+			* {
+				font-family: Satisfy, sans-serif;
+			}
+
 			#picker {
 				margin:0;
 				padding:0;
@@ -26,6 +36,7 @@
 				border: 1px solid #000;
 				border-radius: 2px;
 				padding: 5px;
+				font-family:
 			}
 			input[name=fadestep] {
 				width: 20px;
diff --git a/woff/Satisfy.woff b/woff/Satisfy.woff
new file mode 100644
index 0000000..873332e
Binary files /dev/null and b/woff/Satisfy.woff differ