diff --git a/stylesheets/_variables.scss b/stylesheets/_variables.scss
index f24f71ce7..ad101f420 100644
--- a/stylesheets/_variables.scss
+++ b/stylesheets/_variables.scss
@@ -13,6 +13,16 @@ $grey_d: #454545;
   font-family: 'Roboto';
   src: url('/fonts/Roboto-Regular.ttf') format('truetype');
 }
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Italic.ttf') format('truetype');
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Bold.ttf') format('truetype');
+  font-weight: bold;
+}
 $roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
 $roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
 
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 5fe70bec4..4038ab9a4 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -5,6 +5,14 @@
 @font-face {
   font-family: 'Roboto';
   src: url("/fonts/Roboto-Regular.ttf") format("truetype"); }
+@font-face {
+  font-family: 'Roboto';
+  src: url("/fonts/Roboto-Italic.ttf") format("truetype");
+  font-style: italic; }
+@font-face {
+  font-family: 'Roboto';
+  src: url("/fonts/Roboto-Bold.ttf") format("truetype");
+  font-weight: bold; }
 * {
   box-sizing: border-box; }