diff --git a/css/jquery.uls.css b/css/jquery.uls.css
index 7c2d269..2c77d7a 100644
--- a/css/jquery.uls.css
+++ b/css/jquery.uls.css
@@ -255,16 +255,3 @@ div.uls-region {
 .uls-menu .search-input-block {
 	position: relative;
 }
-
-@font-face {
-	font-family: 'Autonym';
-	src: url('font/Autonym.eot');
-	src: local('Autonym'),
-		url('font/Autonym.woff') format('woff'),
-		url('font/Autonym.ttf') format('truetype');
-	font-style: normal;
-}
-
-.autonym {
-	font-family: 'Autonym', sans-serif;
-}
diff --git a/examples/index-autonymfont.html b/examples/index-autonymfont.html
new file mode 100644
index 0000000..290aa8b
--- /dev/null
+++ b/examples/index-autonymfont.html
@@ -0,0 +1,67 @@
+s<!DOCTYPE html>
+<html lang="en" dir="ltr">
+	<head>
+		<meta charset="utf-8"/>
+
+		<!--
+		Always force latest IE rendering engine (even in intranet) & Chrome Frame
+		Remove this if you use the .htaccess
+		-->
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+
+		<title>Universal Language Selector</title>
+		<!-- <link rel="shortcut icon" href="/favicon.ico"/> -->
+		<!-- <link rel="apple-touch-icon" href="/apple-touch-icon.png"/> -->
+		<!-- <meta name="description" content=""/> -->
+		<meta name="author" content="Santhosh Thottingal"/>
+		<link href="../css/jquery.uls.css" rel="stylesheet"/>
+		<link href="../css/jquery.uls.grid.css" rel="stylesheet"/>
+		<link href="../css/jquery.uls.lcd.css" rel="stylesheet"/>
+		<!-- demo -->
+		<link href="resources/demo.css" rel="stylesheet"/>
+		<!-- Libs -->
+		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>
+		<!-- Source -->
+		<script src="../src/jquery.uls.data.js"></script>
+		<script src="../src/jquery.uls.data.utils.js"></script>
+		<script src="../src/jquery.uls.lcd.js"></script>
+		<script src="../src/jquery.uls.languagefilter.js"></script>
+		<script src="../src/jquery.uls.regionfilter.js"></script>
+		<script src="../src/jquery.uls.core.js"></script>
+		<style type="text/css">
+			@font-face {
+				font-family: 'Autonym';
+				src: url('resources/font/Autonym.eot');
+				src: local('Autonym'),
+					url('resources/font/Autonym.woff') format('woff'),
+					url('resources/font/Autonym.ttf') format('truetype');
+				font-style: normal;
+			}
+			.autonym {
+				font-family: 'Autonym', sans-serif;
+			}
+		</style>
+		<script>
+			$( document ).ready( function() {
+				$( '.uls-trigger' ).uls( {
+					onSelect : function( language ) {
+						var languageName = $.uls.data.getAutonym( language );
+						$( '.uls-trigger' ).text( languageName );
+					},
+					quickList: ['en', 'hi', 'he', 'ml', 'ta', 'fr'] //FIXME
+				} );
+			} );
+		</script>
+	</head>
+
+	<body>
+		<div class="navbar navbar-fixed-top">
+			<span class="active uls-trigger">Select Language</span>
+			<h1>Universal Language Selector</h1>
+			<p>
+				Demonstration of jQuery plugin
+			</p>
+		</div>
+		<div class="container"></div>
+	</body>
+</html>
diff --git a/css/font/Autonym.eot b/examples/resources/font/Autonym.eot
similarity index 100%
rename from css/font/Autonym.eot
rename to examples/resources/font/Autonym.eot
diff --git a/css/font/Autonym.ttf b/examples/resources/font/Autonym.ttf
similarity index 100%
rename from css/font/Autonym.ttf
rename to examples/resources/font/Autonym.ttf
diff --git a/css/font/Autonym.woff b/examples/resources/font/Autonym.woff
similarity index 100%
rename from css/font/Autonym.woff
rename to examples/resources/font/Autonym.woff
