diff --git a/static/page.css b/static/page.css
index 151f823652801420c4694896d893b483b1b30007..0a463493c6a02f0e28df172d7c7022f2e4912c91 100644
--- a/static/page.css
+++ b/static/page.css
@@ -6,8 +6,8 @@
     src: url(https://static.igem.wiki/teams/5054/ccaccidenzcommons-medium.otf);
 }
 @font-face {
-    font-family: SourceSansPro;
-    src: url(https://static.igem.wiki/5054/sourcesans3-variablefont-wght.ttf);
+    font-family: PlaypenSans;
+    src: url(https://static.igem.wiki/teams/5054/playpensans-variablefont-wght.ttf);
 }
 body{
     background-color: #C6EBE8;
@@ -40,7 +40,7 @@ body{
     width: 1500px;
     height: 200px;
     transform: translateX(10%);
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-size: 135.417px;
     font-style: normal;
     font-weight: 600;
@@ -69,7 +69,7 @@ body{
     top: 4000px;
     width: 1000px;
     height: 100px;
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-size: 135px;
     font-style: normal;
     font-weight: 600;
@@ -98,7 +98,7 @@ body{
     top: 6000px;
     width: 900px;
     height: 400px;
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-size: 135px;
     font-style: normal;
     font-weight: 600;
@@ -154,7 +154,7 @@ body{
     width: 1100px;
     height: 200px;
     text-align: center;
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-size: 135px;
     font-style: normal;
     font-weight: 600;
@@ -177,7 +177,7 @@ body{
     margin-bottom: 10vh;
 }
 .pagecontainer>.title>span{
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-size: 10vw;
     font-style: normal;
     font-weight: 600;
@@ -186,7 +186,7 @@ body{
     -webkit-text-stroke: 3px #05BE85;
 }
 .pagecontainer>.title2>span{
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-size: 10vw;
     font-style: normal;
     font-weight: 600;
@@ -244,7 +244,7 @@ body{
     vertical-align:middle;
 }
 .pagenav>div>span{
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     color: #05BE85;
     font-size: min(1.56vw, 24px);
     letter-spacing: 2px;
@@ -298,7 +298,7 @@ body{
     display: block;
     text-align: center;
     font-size: min(1.4vw,18px);
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-weight: 600;
     transition: all 0.15s linear;
 }
@@ -322,7 +322,7 @@ body{
     margin-top: 30px;
     margin-bottom: 30px;
     font-size: 3.07vw;
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-weight: 600;
 }
 .pagecontent .h2{
@@ -330,7 +330,7 @@ body{
     font-size: max(2.2vw, 25px);
     margin-top: 40px;
     margin-bottom: 10px;
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-weight: 600;
     color: #185A4F;
 }
@@ -339,7 +339,7 @@ body{
     font-size: max(2vw, 23px);
     margin-top: 30px;
     margin-bottom: 20px;
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-weight: 600;
     margin-left: 30px;
 }
@@ -348,7 +348,7 @@ body{
     font-size: max(1.7vw, 20px);
     margin-top: 30px;
     margin-bottom: 20px;
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-weight: 600;
     margin-left: 60px;
 }
@@ -510,7 +510,7 @@ body{
     margin-left: 3.8vw;
 }
 .roster-title>span{
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-size: 8.46vw;
     font-style: normal;
     font-weight: 600;
@@ -670,7 +670,7 @@ body{
 } */
 /* .hp-title>span{
     color: transparent;
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-size: max(5.8vw, 45px);
     font-style: normal;
     font-weight: 600;
@@ -760,7 +760,7 @@ body{
     margin: 30px auto 25px;
     padding-left: 27px;
     text-align: left;
-    font-family: SourceSansPro;
+    font-family: PlaypenSans;
     font-size: min(3vw,40px);
     font-style: normal;
     font-weight: 600;