diff --git a/static/styles/fonts/urwgothic/LICENSING_DETAIL b/static/styles/fonts/urwgothic/LICENSING_DETAIL
new file mode 100644
index 0000000..249f919
--- /dev/null
+++ b/static/styles/fonts/urwgothic/LICENSING_DETAIL
@@ -0,0 +1,55 @@
+https://www.tug.org/fonts/lppl-urw.txt
+
+https://lists.dante.de/pipermail/ctan-ann/2009-June/003741.html
+
+From: Jerzy B. Ludwichowski
+Subject: URW++ making original 35 fonts available under LPPL
+
+I am forwarding the message below on behalf of Peter Rosenfeld, Managing
+Director of URW++, who has kindly agreed to make the basic 35 PostScript
+fonts also available under the LPPL. At his request, I'll be
+disseminating the information throughout the TeX community.
+
+Many thanks to Dr. Rosenfeld!
+
+Many thanks are also due to Karl Berry, TUG President, for his unswerving
+support and advice and Bogus\{}aw Jackowski, lead TeX Gyre developer,
+for pushing the issue.
+
+Best,
+Jerzy
+
+...............................................................
+
+From: Peter Rosenfeld
+Date: Mon, 22 Jun 2009 11:33:29 +0200
+Subject: URW++ original 35 fonts available under LPPL
+
+To whom it may concern,
+
+Many years ago, URW++ Design and Development Inc. released their
+Type 1 implementations of the basic 35 PostScript fonts under the
+GNU General Public License and the Aladdin Ghostscript Free Public
+License.
+
+We now additionally release them under the LaTeX Project Public License
+(http://www.latex-project.org/lppl), either version 1 or (at your
+option) any later version.
+
+Of course, this additional licensing applies to the original URW++
+material, not any subsequent changes and additions made by other
+parties.
+
+The original font files are widely available, for instance as part of
+the Ghostscript 4.00 release, and therefore we are not releasing any new
+font files. Those interested can replace the license terms in those
+original files accordingly. Responsibility for ensuring that no
+material is incorrectly licensed remains with the distributor, as
+always.
+
+We hope this additional licensing will make our fonts even more widely
+available and usable in the free software community, such as the TeX
+Gyre Project.
+
+Sincerely,
+Peter Rosenfeld (Managing Director, URW++)
diff --git a/static/styles/fonts/urwgothic/urwgothic.ttf b/static/styles/fonts/urwgothic/urwgothic.ttf
new file mode 100644
index 0000000..2e5349a
Binary files /dev/null and b/static/styles/fonts/urwgothic/urwgothic.ttf differ
diff --git a/static/styles/fonts/urwgothic/urwgothic.woff b/static/styles/fonts/urwgothic/urwgothic.woff
new file mode 100644
index 0000000..c7b2f8f
Binary files /dev/null and b/static/styles/fonts/urwgothic/urwgothic.woff differ
diff --git a/static/styles/fonts/urwgothic/urwgothic.woff2 b/static/styles/fonts/urwgothic/urwgothic.woff2
new file mode 100644
index 0000000..6d73cea
Binary files /dev/null and b/static/styles/fonts/urwgothic/urwgothic.woff2 differ
diff --git a/static/styles/style.css b/static/styles/style.css
index c3cc73e..ca71655 100644
--- a/static/styles/style.css
+++ b/static/styles/style.css
@@ -15,6 +15,14 @@
font-weight: 500;
font-style: normal;
}
+@font-face {
+ font-family: 'urwgothic';
+ src: url('/styles/fonts/urwgothic/urwgothic.woff2') format('woff2'),
+ url('/styles/fonts/urwgothic/urwgothic.woff') format('woff'),
+ url('/styles/fonts/urwgothic/urwgothic.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
/* COLOR VARS */
:root {
@@ -28,7 +36,7 @@
body {
background-color: var(--main-bg-color);
color: var(--main-text-color);
- font-family: firamono, monospace;
+ font-family: urwgothic, sans-serif;
text-align: center;
padding-bottom: 60px; /*Footer height*/
}
@@ -36,7 +44,7 @@ body {
width: 45%;
padding-top: 20px;
padding-bottom: 20px;
- max-width: 500px;
+ max-width: 360px;
min-width: 200px;
transition: 0.2s;
}
@@ -48,6 +56,7 @@ body {
margin-bottom: 5px;
font-size: 18px;
text-transform: uppercase;
+ font-family: urwgothic, sans-serif;
transition: 0.2s;
}
.form-text-small {
@@ -95,7 +104,8 @@ body {
border: none;
border-radius: 18px;
font-size: 16px;
- font-weight: bold;
+ font-weight: normal;
+ font-family: urwgothic, sans-serif;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
@@ -106,15 +116,17 @@ body {
display: inline-block;
text-decoration: none;
font-family: firamono, monospace;
- font-weight: 500;
+ font-weight: 400;
cursor: pointer;
background-color: var(--accent-color);
border: none;
border-radius: 10px;
color: var(--link-color);
- padding: 7px;
+ padding: 3px;
+ padding-left: 8px;
+ padding-right: 8px;
margin-bottom: 10px;
- font-size: 16px;
+ font-size: 18px;
}
.inlinelink {
text-decoration: underline;
+ 