diff --git a/src/fonts/century-supra/stylesheet.css.pp b/src/fonts/century-supra/stylesheet.css.pp
new file mode 100644
index 0000000..9148721
--- /dev/null
+++ b/src/fonts/century-supra/stylesheet.css.pp
@@ -0,0 +1,35 @@
+@font-face {
+    font-family: 'Century Supra';
+    src: url('Century Supra T3 Regular.otf') format('opentype'),
+	 url('Century Supra T3 Regular.ttf') format('truetype'),
+         url('century_supra_t3_regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Century Supra';
+    src: url('Century Supra T3 Bold.otf') format('opentype'),
+	 url('Century Supra T3 Bold.ttf') format('truetype'),
+         url('century_supra_t3_bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Century Supra';
+    src: url('Century Supra T3 Italic.otf') format('opentype'),
+	 url('Century Supra T3 Italic.ttf') format('truetype'),
+         url('century_supra_t3_italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Century Supra';
+    src: url('Century Supra T3 Bold Italic.otf') format('opentype'),
+	 url('Century Supra T3 Bold Italic.ttf') format('truetype'),
+         url('century_supra_t3_bold_italic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}
diff --git a/src/fonts/triplicate/stylesheet.css.pp b/src/fonts/triplicate/stylesheet.css.pp
new file mode 100644
index 0000000..9154457
--- /dev/null
+++ b/src/fonts/triplicate/stylesheet.css.pp
@@ -0,0 +1,35 @@
+@font-face {
+    font-family: 'Triplicate Code';
+    src: url('Triplicate T3 Code Regular.otf') format('opentype'),
+	 url('Triplicate T3 Code Regular.ttf') format('truetype'),
+         url('triplicate_t4_code_regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Triplicate Code';
+    src: url('Triplicate T3 Code Bold.otf') format('opentype'),
+	 url('Triplicate T3 Code Bold.ttf') format('truetype'),
+         url('triplicate_t4_code_bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Triplicate Code';
+    src: url('Triplicate T3 Code Italic.otf') format('opentype'),
+	 url('Triplicate T3 Code Italic.ttf') format('truetype'),
+         url('triplicate_t4_code_italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Triplicate Code';
+    src: url('Triplicate T3 Code Bold Italic.otf') format('opentype'),
+	 url('Triplicate T3 Code Bold Italic.ttf') format('truetype'),
+         url('triplicate_t4_code_bold_italic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}