diff --git a/css/main.css b/css/main.css
index 1dc5d3917aba3b6e24e8edaa9d2084d2378d116a..e5eeebf0700670097615815b380135f711b1ceff 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,3 +1,10 @@
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Open Sans Light'), local('OpenSans-Light'), url('./fonts/OpenSans-Light.ttf') format('truetype');
+}
+
 body {
 	font-family: 'Open Sans', sans-serif;
 }
diff --git a/index.html b/index.html
index dd5d002c785af1014891adf7871f1fb4290b84ab..22f9f8d3afb760c441ad5638fdb02bce3375b519 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,6 @@
 		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
 		<link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" media="screen,projection" />
 		<link rel="stylesheet" href="./css/main.css" type="text/css" media="screen,projection" />
-		<link href='./fonts/OpenSans-Light.ttf' rel='stylesheet' type='text/css'>
 		<script type="text/javascript" src="./js/jquery-2.2.2.min.js"></script>
 		<script type="text/javascript" src="./js/bootstrap.min.js"></script>
 		<script type="text/javascript">