diff --git a/source/index.html.jade b/source/index.html.jade
index 1b67142..1ff75e4 100644
--- a/source/index.html.jade
+++ b/source/index.html.jade
@@ -5,7 +5,7 @@ html(ng-app="sideBySide" ng-controller="AppController")
 		title(ng-bind="title()") Side By Side viewer
 		meta(charset="utf-8")
 		meta(name="description", content="{{ description() }}")
-		link(rel="stylesheet", type="text/css", href="//fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic&subset=latin,latin-ext")
+		link(rel="stylesheet", type="text/css", href="//fonts.googleapis.com/css?family=Alegreya:400,400italic,700&subset=latin,latin-ext,greek,greek-ext,cyrillic,cyrillic-ext,vietnamese")
 		if html5Mode == true
 			script.
 				html5Mode=true;
diff --git a/source/styles/style.css.styl b/source/styles/style.css.styl
index 70c237d..baa6bd6 100644
--- a/source/styles/style.css.styl
+++ b/source/styles/style.css.styl
@@ -7,7 +7,9 @@ $darker = #222
 body
 	color: $darker
 	background: $lighter
-	font-family: "PT Serif", serif
+	font-family: "Alegreya", serif
+	font-size: 18px
+	line-height: 22px
 	text-rendering: optimizeLegibility
 	padding-bottom: 36px
 
@@ -77,7 +79,7 @@ a
 		padding: 1px 5px
 		border-radius: 5px
 		position: absolute
-		line-height: 20px
+		line-height: 22px
 		left: 0px
 		top: -6px