diff --git a/packages/strapi-admin/admin/src/components/DownloadInfo/styles.scss b/packages/strapi-admin/admin/src/components/DownloadInfo/styles.scss
index 0f235ed3f9..d8c51a7aae 100644
--- a/packages/strapi-admin/admin/src/components/DownloadInfo/styles.scss
+++ b/packages/strapi-admin/admin/src/components/DownloadInfo/styles.scss
@@ -9,7 +9,7 @@
   padding-top: 3rem;
   // color: #F64D0A;
   text-align: center;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 1.3rem;
   > img {
     width: 2.5rem;
diff --git a/packages/strapi-admin/admin/src/components/LeftMenuFooter/styles.scss b/packages/strapi-admin/admin/src/components/LeftMenuFooter/styles.scss
index ad1f464c5d..92a2efa3cc 100644
--- a/packages/strapi-admin/admin/src/components/LeftMenuFooter/styles.scss
+++ b/packages/strapi-admin/admin/src/components/LeftMenuFooter/styles.scss
@@ -11,7 +11,7 @@
   padding-left: 15px;
   padding-right: 15px;
   line-height: 3rem;
-  font-family: 'Lato';
+  font-family: 'Lato', sans-serif;
   background-color: rgba(255, 255, 255, .02);
   font-size: 1rem;
   font-weight: 400;
diff --git a/packages/strapi-admin/admin/src/components/Sub/styles.scss b/packages/strapi-admin/admin/src/components/Sub/styles.scss
index 017804a472..9eebf649dc 100644
--- a/packages/strapi-admin/admin/src/components/Sub/styles.scss
+++ b/packages/strapi-admin/admin/src/components/Sub/styles.scss
@@ -10,7 +10,8 @@
 
   > span {
     text-decoration: none;
-    font-family: Lato-Bold;
+    font-family: 'Lato', sans-serif;
+    font-weight: bold;
     font-size: 20px;
     color: #333740;
     letter-spacing: 0;
diff --git a/packages/strapi-admin/admin/src/containers/HomePage/styles.scss b/packages/strapi-admin/admin/src/containers/HomePage/styles.scss
index 6c8c72d2fd..34a24ec150 100644
--- a/packages/strapi-admin/admin/src/containers/HomePage/styles.scss
+++ b/packages/strapi-admin/admin/src/containers/HomePage/styles.scss
@@ -9,13 +9,14 @@
   line-height: 18px;
   text-decoration: none;
   > span {
-    font-family: Lato-Bold;
+    font-family: 'Lato', sans-serif;
+    font-weight: bold;
     font-size: 16px;
     color: #333740;
     letter-spacing: 0;
   }
   > p {
-    font-family: Lato-Regular;
+    font-family: 'Lato', sans-serif;
     font-size: 13px;
     color: #919BAE;
     letter-spacing: 0;
diff --git a/packages/strapi-admin/admin/src/containers/LocaleToggle/styles.scss b/packages/strapi-admin/admin/src/containers/LocaleToggle/styles.scss
index 712c17fb73..7d4afde11d 100644
--- a/packages/strapi-admin/admin/src/containers/LocaleToggle/styles.scss
+++ b/packages/strapi-admin/admin/src/containers/LocaleToggle/styles.scss
@@ -40,7 +40,7 @@
   span {
     color: #333740;
     font-size: 11px;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-weight: 600;
     letter-spacing: 0.5;
     text-transform: uppercase;
diff --git a/packages/strapi-admin/admin/src/styles/base/fonts.scss b/packages/strapi-admin/admin/src/styles/base/fonts.scss
index 3bec2f5316..40d614afff 100644
--- a/packages/strapi-admin/admin/src/styles/base/fonts.scss
+++ b/packages/strapi-admin/admin/src/styles/base/fonts.scss
@@ -1,6 +1,6 @@
 /* Lato (hairline, regular) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 100;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -8,7 +8,7 @@
 }
 /* Lato (hairline, italic) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 100;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -16,7 +16,7 @@
 }
 /* Lato (thin, regular) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 200;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -24,7 +24,7 @@
 }
 /* Lato (thin, italic) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 200;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -32,7 +32,7 @@
 }
 /* Lato (light, regular) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 300;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -40,7 +40,7 @@
 }
 /* Lato (light, italic) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 300;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -48,7 +48,7 @@
 }
 /* Lato (normal, regular) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 400;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -56,7 +56,7 @@
 }
 /* Lato (normal, italic) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 400;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -64,7 +64,7 @@
 }
 /* Lato (medium, regular) */
 @font-face {
-  font-family: "Lato Medium";
+  font-family: 'Lato', sans-serif;
   font-weight: 400;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -72,7 +72,7 @@
 }
 /* Lato (medium, italic) */
 @font-face {
-  font-family: "Lato Medium";
+  font-family: 'Lato', sans-serif;
   font-weight: 400;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -80,7 +80,7 @@
 }
 /* Lato (semibold, regular) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 500;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -88,7 +88,7 @@
 }
 /* Lato (semibold, italic) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 500;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -96,7 +96,7 @@
 }
 /* Lato (bold, regular) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 600;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -104,7 +104,7 @@
 }
 /* Lato (bold, italic) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 600;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -112,7 +112,7 @@
 }
 /* Lato (heavy, regular) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 800;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -120,7 +120,7 @@
 }
 /* Lato (heavy, italic) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 800;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -128,7 +128,7 @@
 }
 /* Lato (black, regular) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 900;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -136,7 +136,7 @@
 }
 /* Lato (black, italic) */
 @font-face {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 900;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -157,7 +157,7 @@
 
 /* OpenSans (light, regular) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 300;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -165,7 +165,7 @@
 }
 /* OpenSans (light, italic) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 300;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -173,7 +173,7 @@
 }
 /* OpenSans (normal, regular) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 400;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -181,7 +181,7 @@
 }
 /* OpenSans (normal, italic) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 400;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -189,7 +189,7 @@
 }
 /* OpenSans (semibold, regular) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 500;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -197,7 +197,7 @@
 }
 /* OpenSans (semibold, italic) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 500;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -205,7 +205,7 @@
 }
 /* OpenSans (bold, regular) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 600;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -213,7 +213,7 @@
 }
 /* OpenSans (bold, italic) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 600;
   font-style: italic;
   text-rendering: optimizeLegibility;
@@ -221,7 +221,7 @@
 }
 /* OpenSans (heavy, regular) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 800;
   font-style: normal;
   text-rendering: optimizeLegibility;
@@ -229,7 +229,7 @@
 }
 /* OpenSans (heavy, italic) */
 @font-face {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-weight: 800;
   font-style: italic;
   text-rendering: optimizeLegibility;
diff --git a/packages/strapi-helper-plugin/lib/src/components/BlockerComponent/styles.scss b/packages/strapi-helper-plugin/lib/src/components/BlockerComponent/styles.scss
index b8112563ca..f3c8c32a70 100644
--- a/packages/strapi-helper-plugin/lib/src/components/BlockerComponent/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/BlockerComponent/styles.scss
@@ -5,7 +5,7 @@
 .header {
   display: flex;
   justify-content: center;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   > div {
     padding-top: 2.5rem;
     > h4 {
@@ -77,7 +77,7 @@
     margin-right: 13px;
   }
   cursor: pointer;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   -webkit-font-smoothing: antialiased;
   &:focus {
     outline: 0;
diff --git a/packages/strapi-helper-plugin/lib/src/components/Button/styles.scss b/packages/strapi-helper-plugin/lib/src/components/Button/styles.scss
index 1d52efe957..d54755b052 100644
--- a/packages/strapi-helper-plugin/lib/src/components/Button/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/Button/styles.scss
@@ -29,7 +29,7 @@
   white-space: nowrap;
   margin-right: 1.8rem;
   cursor: pointer;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   -webkit-font-smoothing: antialiased;
   &:focus {
     outline: 0;
@@ -155,7 +155,7 @@
   padding: 0;
   border-radius: 0.3rem;
   letter-spacing: .5rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   cursor: not-allowed;
   opacity: .65;
   &:focus {
diff --git a/packages/strapi-helper-plugin/lib/src/components/EmptyAttributesBlock/styles.scss b/packages/strapi-helper-plugin/lib/src/components/EmptyAttributesBlock/styles.scss
index bfcc71f833..8d43bca861 100644
--- a/packages/strapi-helper-plugin/lib/src/components/EmptyAttributesBlock/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/EmptyAttributesBlock/styles.scss
@@ -7,7 +7,7 @@
   background-repeat: repeat;
   text-align: center;
   font-size: 1.4rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   box-shadow: 2px 2px 4px #E3E9F3;
 }
 
diff --git a/packages/strapi-helper-plugin/lib/src/components/HeaderNav/styles.scss b/packages/strapi-helper-plugin/lib/src/components/HeaderNav/styles.scss
index cf9656eaf8..19de406980 100644
--- a/packages/strapi-helper-plugin/lib/src/components/HeaderNav/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/HeaderNav/styles.scss
@@ -30,7 +30,7 @@
   border-radius: 2px 0 0 0;
   background-color: darken(#F5F5F5, 50%);
   text-decoration: none !important;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 1.3rem;
   color: #333740 !important;
   line-height: 1.6rem;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputAddon/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputAddon/styles.scss
index 00d170af56..cb0f86ef0f 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputAddon/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputAddon/styles.scss
@@ -9,7 +9,7 @@
   color: rgba(16, 22, 34, 0.5);
   line-height: 3.2rem;
   font-size: 1.3rem;
-  font-family: 'Lato';
+  font-family: 'Lato', sans-serif;
   font-weight: 600!important;
   -moz-appearance: none;
   -webkit-appearance: none;
@@ -45,7 +45,7 @@
     border-radius: 0.25rem;
     line-height: 3.4rem;
     font-size: 1.3rem;
-    font-family: 'Lato' !important;
+    font-family: 'Lato', sans-serif !important;
     box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
     &:focus {
       border-color: #78caff;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/styles.scss
index 04c86505b7..d59158f80a 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputCheckboxWithErrors/styles.scss
@@ -1,7 +1,7 @@
 .container {
   margin-bottom: 1.5rem;
   font-size: 1.3rem;
-  font-family: 'Lato';
+  font-family: 'Lato', sans-serif;
 }
 
 .inputCheckboxDescriptionContainer {
@@ -12,7 +12,7 @@
 
   > small {
     color: #9EA7B8;
-    font-family: 'Lato';
+    font-family: 'Lato', sans-serif;
     font-size: 1.2rem;
   }
 }
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputDate/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputDate/styles.scss
index 1d3cb5d61e..38a3c453d5 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputDate/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputDate/styles.scss
@@ -7,6 +7,6 @@
   border-radius: 0.25rem;
   line-height: 3.4rem;
   font-size: 1.3rem;
-  font-family: 'Lato' !important;
+  font-family: 'Lato', sans-serif !important;
   box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
 }
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputDescription/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputDescription/styles.scss
index aad2ec0fda..bf4e7e89c7 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputDescription/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputDescription/styles.scss
@@ -5,7 +5,7 @@
 
   > small {
     color: #9EA7B8;
-    font-family: 'Lato';
+    font-family: 'Lato', sans-serif;
     font-size: 1.2rem;
   }
 }
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputEmail/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputEmail/styles.scss
index 2e2c98315e..7479929b24 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputEmail/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputEmail/styles.scss
@@ -9,7 +9,7 @@
   color: rgba(16, 22, 34, 0.5);
   line-height: 3.2rem;
   font-size: 1.3rem;
-  font-family: 'Lato';
+  font-family: 'Lato', sans-serif;
   font-weight: 600!important;
   text-transform: capitalize;
   -moz-appearance: none;
@@ -21,7 +21,7 @@
     color: #B3B5B9;
     font-size: 16px;
     font-weight: 900;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
   }
 
   & + input {
@@ -43,7 +43,7 @@
     border-radius: 0.25rem;
     line-height: 3.4rem;
     font-size: 1.3rem;
-    font-family: 'Lato' !important;
+    font-family: 'Lato', sans-serif !important;
     box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
     &:focus {
       border-color: #78caff;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputFileDetails/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputFileDetails/styles.scss
index 86d3f4b501..cae9293da0 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputFileDetails/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputFileDetails/styles.scss
@@ -68,7 +68,7 @@
 .positionContainer {
   margin-left: 10px;
   color: #333740;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   -webkit-font-smoothing: antialiased;
   > span:first-child {
     font-size: 13px;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputNumber/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputNumber/styles.scss
index 2d64a09287..eb29b27a16 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputNumber/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputNumber/styles.scss
@@ -7,6 +7,6 @@
   border-radius: 0.25rem;
   line-height: 3.4rem;
   font-size: 1.3rem;
-  font-family: 'Lato' !important;
+  font-family: 'Lato', sans-serif !important;
   box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
 }
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputPassword/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputPassword/styles.scss
index f67c0defee..33d0bfc856 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputPassword/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputPassword/styles.scss
@@ -7,7 +7,7 @@
   border-radius: 0.25rem;
   line-height: 3.4rem;
   font-size: 1.3rem;
-  font-family: 'Lato' !important;
+  font-family: 'Lato', sans-serif !important;
   box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
 }
 
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputSearch/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputSearch/styles.scss
index 46b72d659d..bd3112ba2a 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputSearch/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputSearch/styles.scss
@@ -43,7 +43,7 @@
     border-radius: 0.25rem;
     line-height: 3.4rem;
     font-size: 1.3rem;
-    font-family: 'Lato' !important;
+    font-family: 'Lato', sans-serif !important;
     box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
     &:focus {
       border-color: #78caff;
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputSelect/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputSelect/styles.scss
index 7aa4ac9c3f..61ee8a808f 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputSelect/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputSelect/styles.scss
@@ -10,7 +10,7 @@
   border-radius: 0.25rem;
   line-height: 3.2rem;
   font-size: 1.3rem;
-  font-family: 'Lato' !important;
+  font-family: 'Lato', sans-serif !important;
   -moz-appearance: none;
   -webkit-appearance: none;
   box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputText/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputText/styles.scss
index 4a30c12c8a..38dd06acf6 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputText/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputText/styles.scss
@@ -7,6 +7,6 @@
   border-radius: 0.25rem;
   line-height: 3.4rem;
   font-size: 1.3rem;
-  font-family: 'Lato' !important;
+  font-family: 'Lato', sans-serif !important;
   box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
 }
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputTextArea/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputTextArea/styles.scss
index b187f2f40f..561622736a 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputTextArea/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputTextArea/styles.scss
@@ -7,6 +7,6 @@
   border-radius: 0.25rem;
   line-height: 1.8rem;
   font-size: 1.3rem;
-  font-family: 'Lato' !important;
+  font-family: 'Lato', sans-serif !important;
   box-shadow: 0px 1px 1px rgba(104, 118, 142, 0.05);
 }
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputTextAreaWithErrors/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputTextAreaWithErrors/styles.scss
index efc097e070..688351a1c9 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputTextAreaWithErrors/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputTextAreaWithErrors/styles.scss
@@ -1,5 +1,5 @@
 .containerTextArea {
   margin-bottom: 1.5rem;
   font-size: 1.3rem;
-  font-family: 'Lato';
+  font-family: 'Lato', sans-serif;
 }
diff --git a/packages/strapi-helper-plugin/lib/src/components/InputToggle/styles.scss b/packages/strapi-helper-plugin/lib/src/components/InputToggle/styles.scss
index 8c257908a4..7639008538 100644
--- a/packages/strapi-helper-plugin/lib/src/components/InputToggle/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/InputToggle/styles.scss
@@ -37,7 +37,7 @@
     font-weight: 600;
     font-size: 1.2rem;
     letter-spacing: 0.1rem;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     line-height: 3.4rem;
     cursor: pointer;
     &:first-of-type {
diff --git a/packages/strapi-helper-plugin/lib/src/components/OverlayBlocker/styles.scss b/packages/strapi-helper-plugin/lib/src/components/OverlayBlocker/styles.scss
index e365f100cf..01f7c855be 100644
--- a/packages/strapi-helper-plugin/lib/src/components/OverlayBlocker/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/OverlayBlocker/styles.scss
@@ -86,7 +86,7 @@
   border: none;
   background: linear-gradient(315deg, #0097F6 0%, #005EEA 100%);
   color: white;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-weight: 600;
   -webkit-font-smoothing: antialiased;
   cursor: pointer;
diff --git a/packages/strapi-helper-plugin/lib/src/components/PageFooter/styles.scss b/packages/strapi-helper-plugin/lib/src/components/PageFooter/styles.scss
index 934156eed0..f2073ac5ce 100644
--- a/packages/strapi-helper-plugin/lib/src/components/PageFooter/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/PageFooter/styles.scss
@@ -29,7 +29,7 @@
     border-radius: 0.25rem;
     line-height: 29px;
     font-size: 1.3rem;
-    font-family: 'Lato' !important;
+    font-family: 'Lato', sans-serif !important;
     -moz-appearance: none;
     -webkit-appearance: none;
   }
diff --git a/packages/strapi-helper-plugin/lib/src/components/PopUpWarning/styles.scss b/packages/strapi-helper-plugin/lib/src/components/PopUpWarning/styles.scss
index 4616bcf0b8..a91f2ce961 100644
--- a/packages/strapi-helper-plugin/lib/src/components/PopUpWarning/styles.scss
+++ b/packages/strapi-helper-plugin/lib/src/components/PopUpWarning/styles.scss
@@ -12,7 +12,7 @@
   > h5 {
     width: 100%;
     text-align: center;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-weight: bold!important;
     font-size: 1.8rem!important;
   }
@@ -61,7 +61,7 @@
   padding: .1rem;
   color: #F64D0A;
   text-align: center;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 1.3rem;
 
   > img {
@@ -92,7 +92,7 @@
     border-radius: 0.3rem;
     background-color: transparent;
     text-transform: capitalize;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     cursor: pointer;
 
     > i {
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/CustomButton/index.js b/packages/strapi-plugin-content-manager/admin/src/components/CustomButton/index.js
index c7c29ae4dc..7356ee06ae 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/CustomButton/index.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/CustomButton/index.js
@@ -11,7 +11,7 @@ const CustomButton = styled.button`
   line-height: 28px;
   font-size: 13px;
   font-weight: 500;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   -webkit-font-smoothing-antialiased;
   cursor: pointer;
   &:hover {
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/EmptyAttributesView/styles.scss b/packages/strapi-plugin-content-manager/admin/src/components/EmptyAttributesView/styles.scss
index d4e09b31c1..53f1186ce1 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/EmptyAttributesView/styles.scss
+++ b/packages/strapi-plugin-content-manager/admin/src/components/EmptyAttributesView/styles.scss
@@ -10,7 +10,7 @@
   background-repeat: repeat;
   text-align: center;
   font-size: 1.4rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   box-shadow: 2px 2px 4px #E3E9F3;
 }
 
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/InputJSONWithErrors/styles.scss b/packages/strapi-plugin-content-manager/admin/src/components/InputJSONWithErrors/styles.scss
index ee2da47dc1..f3f0b734f3 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/InputJSONWithErrors/styles.scss
+++ b/packages/strapi-plugin-content-manager/admin/src/components/InputJSONWithErrors/styles.scss
@@ -1,5 +1,5 @@
 .containerJSON {
   margin-bottom: 1.6rem;
   font-size: 1.3rem;
-  font-family: 'Lato';
+  font-family: 'Lato', sans-serif;
 }
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/componentsStyles.scss b/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/componentsStyles.scss
index 8bfa287dfa..4e68f0348d 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/componentsStyles.scss
+++ b/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/componentsStyles.scss
@@ -6,14 +6,14 @@
   font-size: 16px;
   background-color: #fff;
   line-height: 24px !important;
-  font-family: "OpenSans";
+  font-family: 'OpenSans', sans-serif;
   cursor: text;
 
   // TODO define rules for header's margin
   h1, h2, h3, h4, h5, h6 {
     margin: 0;
     line-height: 24px !important;
-    font-family: "OpenSans";
+    font-family: 'OpenSans', sans-serif;
   }
 
   h1 {
@@ -155,7 +155,7 @@ h1+.editorParagraph{
   background-color: #FAFAFB;
   line-height: 30px;
   font-size: 12px;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   background-color: #fff;
   border-bottom: 1px solid #F3F4F4;
   line-height: 49px;
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/index.js b/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/index.js
index bb2d5331d6..2e229c1f67 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/index.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/index.js
@@ -632,8 +632,8 @@ class Wysiwyg extends React.Component {
         newEditorState = EditorState.push(newEditorState, newContentState);
         const updatedSelection = updateSelection(this.getSelection(), nextBlocks, 2);
 
-        this.setState({ editorState: EditorState.acceptSelection(newEditorState, updatedSelection) });
         this.sendData(newEditorState);
+        this.setState({ editorState: EditorState.acceptSelection(newEditorState, updatedSelection) });
       })
       .catch(() => {
         this.setState({ editorState: EditorState.undo(this.getEditorState()) });
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/styles.scss b/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/styles.scss
index 400028c10d..7ec5fa502d 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/styles.scss
+++ b/packages/strapi-plugin-content-manager/admin/src/components/Wysiwyg/styles.scss
@@ -70,7 +70,7 @@
 
 .editorBlockquote {
   border-left: 5px solid #eee;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-style: italic;
   margin: 16px 0;
   padding: 10px 20px;
@@ -80,7 +80,7 @@
   margin-bottom: 0!important;
   padding: 5px;
   background-color: rgba(0, 0, 0, 0.05);
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
 }
 
 
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/WysiwygBottomControls/styles.scss b/packages/strapi-plugin-content-manager/admin/src/components/WysiwygBottomControls/styles.scss
index c4d10ab7f1..9da1b2bc2c 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/WysiwygBottomControls/styles.scss
+++ b/packages/strapi-plugin-content-manager/admin/src/components/WysiwygBottomControls/styles.scss
@@ -7,7 +7,7 @@
   background-color: #FAFAFB;
   line-height: 30px;
   font-size: 13px;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   border-top: 1px dashed #e3e4e4;
   
   > div:first-child {
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/WysiwygWithErrors/styles.scss b/packages/strapi-plugin-content-manager/admin/src/components/WysiwygWithErrors/styles.scss
index 6be2e04f9e..c1ab563cfa 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/WysiwygWithErrors/styles.scss
+++ b/packages/strapi-plugin-content-manager/admin/src/components/WysiwygWithErrors/styles.scss
@@ -1,7 +1,7 @@
 .containerWysiwyg {
   margin-bottom: 1.6rem;
   font-size: 1.3rem;
-  font-family: 'Lato';
+  font-family: 'Lato', sans-serif;
 }
 
 .wysLoader {
diff --git a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/styles.scss b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/styles.scss
index c4c8a18f83..f637b9e52a 100644
--- a/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/styles.scss
+++ b/packages/strapi-plugin-content-manager/admin/src/containers/ListPage/styles.scss
@@ -26,7 +26,7 @@
 .listPageDropdownWrapper {
   display: flex;
   justify-content: flex-end;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   margin-top: -2px;
   -webkit-font-smoothing: antialiased;
   
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/ContentHeader/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/ContentHeader/styles.scss
index 8ff27cbabd..926eb436bc 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/ContentHeader/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/ContentHeader/styles.scss
@@ -1,14 +1,14 @@
 .contentHeader { /* stylelint-disable */
   position: relative;
   margin: 2.3rem 0rem 3.3rem 0rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   display: flex;
   justify-content: space-between;
 }
 
 .title {
   color: #333740;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 2.4rem;
   line-height: 2.9rem;
   font-weight: 600;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/EmptyContentTypeView/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/EmptyContentTypeView/styles.scss
index ede68ad92b..9e8e73913d 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/EmptyContentTypeView/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/EmptyContentTypeView/styles.scss
@@ -8,7 +8,7 @@
   background-repeat: repeat;
   text-align: center;
   font-size: 1.4rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   box-shadow: 2px 2px 4px #E3E9F3;
   > img {
     position: absolute;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/InputCheckboxWithNestedInputs/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/InputCheckboxWithNestedInputs/styles.scss
index 44d08921d2..558fa08e5f 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/InputCheckboxWithNestedInputs/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/InputCheckboxWithNestedInputs/styles.scss
@@ -1,6 +1,6 @@
 .inputCheckboxWithNestedInputs { /* stylelint-disable */
   font-size: 1.3rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   margin-bottom: 1.5rem;
   -webkit-font-smoothing: antialiased;
   > div {
@@ -34,7 +34,7 @@
   > small {
     -webkit-font-smoothing: antialiased;
     color: #9EA7B8;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-size: 1.2rem;
   }
 }
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/List/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/List/styles.scss
index e72099042a..336bad5f9e 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/List/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/List/styles.scss
@@ -14,7 +14,7 @@
 
 .titleContainer {
   color: #333740;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 1.8rem;
   font-weight: bold;
   line-height: 2.2rem;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/PluginLeftMenu/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/PluginLeftMenu/styles.scss
index 0e683aa906..399c842684 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/PluginLeftMenu/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/PluginLeftMenu/styles.scss
@@ -16,7 +16,7 @@
     line-height: 1.3rem;
     color: #919BAE;
     letter-spacing: 0.1rem;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-size: 1.1rem;
     font-weight: bold;
     text-transform: uppercase;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/PluginLeftMenuSection/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/PluginLeftMenuSection/styles.scss
index 216c3d865f..1396afc3f6 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/PluginLeftMenuSection/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/PluginLeftMenuSection/styles.scss
@@ -8,7 +8,7 @@
     line-height: 1.3rem;
     color: #919BAE;
     letter-spacing: 0.1rem;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-size: 1.1rem;
     font-weight: bold;
     text-transform: uppercase;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/PopUpForm/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/PopUpForm/styles.scss
index ab8e55f79d..0b64a2e3c7 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/PopUpForm/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/PopUpForm/styles.scss
@@ -27,7 +27,7 @@
     text-transform: capitalize;
     margin-right: 1.8rem;
     cursor: pointer;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     &:focus {
       outline: 0;
     }
@@ -77,7 +77,7 @@
 }
 
 .popUpForm {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
 }
 
 .popUpFormHeader {
@@ -121,7 +121,7 @@
   border-radius: 3px;
   color: white!important;
   line-height: 1.6rem;
-  font-family: Lato!important;
+  font-family: 'Lato', sans-serif !important;
   font-weight: 600;
   cursor: pointer;
   -webkit-font-smoothing: antialiased;
@@ -137,7 +137,7 @@
 
 .secondary {
   min-width: 100px;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   color: #F64D0A;
   border: 0.1rem solid #F64D0A;
   cursor: pointer;
@@ -201,7 +201,7 @@
   border: none!important;
   border-radius: 3px;
   color: white;
-  font-family: Lato!important;
+  font-family: 'Lato', sans-serif !important;
   font-weight: 600;
   &:focus {
     outline: 0;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/PopUpRelations/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/PopUpRelations/styles.scss
index 3c6942f28c..b4ce3b385a 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/PopUpRelations/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/PopUpRelations/styles.scss
@@ -42,7 +42,7 @@
    text-transform: capitalize;
    margin-right: 1.8rem;
    cursor: pointer;
-   font-family: Lato;
+   font-family: 'Lato', sans-serif;
    &:focus {
      outline: 0;
    }
@@ -123,15 +123,15 @@
 }
 
 .popUpRelations {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
 }
 
 .primary {
   height: 3rem;
-  font-family: Lato!important;
+  font-family: 'Lato', sans-serif !important;
   margin-left: 1.9rem!important;
   cursor: pointer;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   &:focus {
     outline: 0;
   }
@@ -185,7 +185,7 @@
 
 .secondary {
   min-width: 100px;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   color: #F64D0A;
   border: 0.1rem solid #F64D0A;
   cursor: pointer;
@@ -215,7 +215,7 @@
   border: none!important;
   border-radius: 3px;
   color: white;
-  font-family: Lato!important;
+  font-family: 'Lato', sans-serif !important;
   font-weight: 600;
   &:focus {
     outline: 0;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/RelationBox/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/RelationBox/styles.scss
index b3cea87196..669ec31b63 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/RelationBox/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/RelationBox/styles.scss
@@ -88,7 +88,7 @@
   padding: 0;
   border-radius: 0;
   border: none;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   box-shadow: 0 2px 4px rgba(203, 211, 224, .5);
 
   > div {
@@ -101,7 +101,7 @@
         cursor: pointer;
         border-bottom: 1px solid #F6F6F6;
         font-size: 1.3rem;
-        font-family: Lato;
+        font-family: 'Lato', sans-serif;
         font-weight: 400;
         text-transform: capitalize;
         color: #323740;
diff --git a/packages/strapi-plugin-content-type-builder/admin/src/components/TableList/styles.scss b/packages/strapi-plugin-content-type-builder/admin/src/components/TableList/styles.scss
index 6eac935dc9..ad739319f5 100644
--- a/packages/strapi-plugin-content-type-builder/admin/src/components/TableList/styles.scss
+++ b/packages/strapi-plugin-content-type-builder/admin/src/components/TableList/styles.scss
@@ -1,7 +1,7 @@
 .tableListContainer { /* stylelint-disable */
   padding: 2rem 0 0rem 0;
   background: #FFFFFF;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   box-shadow: 0 2px 4px #E3E9F3;
 }
 
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/Button/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/Button/styles.scss
index 50d7b9cd22..d7b3d4d3b3 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/Button/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/Button/styles.scss
@@ -5,7 +5,7 @@
   text-transform: capitalize;
   margin-right: 1.8rem;
   cursor: pointer;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   &:focus {
     outline: 0;
   }
@@ -91,7 +91,7 @@
   line-height: 3.2rem;
   border-radius: 0.3rem;
   letter-spacing: 1rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   cursor: not-allowed;
   position: relative;
   opacity: .65;
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/ContentHeader/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/ContentHeader/styles.scss
index 8368944d72..08aa3a94d8 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/ContentHeader/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/ContentHeader/styles.scss
@@ -1,12 +1,12 @@
 .contentHeader { /* stylelint-disable */
   position: relative;
   margin: 2.4rem 4rem 3.3rem 4rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
 }
 
 .title {
   color: #333740;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 2.4rem;
   line-height: 2.9rem;
   font-weight: 600;
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/HeaderNav/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/HeaderNav/styles.scss
index 0ca47990fc..1f85e838ca 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/HeaderNav/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/HeaderNav/styles.scss
@@ -29,7 +29,7 @@ $linkcolour: #F5F5F5;
   border-radius: 2px 0 0 0;
   background-color: darken($linkcolour, 50%);
   text-decoration: none !important;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 1.3rem;
   color: #333740 !important;
   line-height: 1.6rem;
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/InputEnum/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/InputEnum/styles.scss
index bb4252eaf7..a760351feb 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/InputEnum/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/InputEnum/styles.scss
@@ -43,7 +43,7 @@
 .active {
   -webkit-font-smoothing: antialiased;
   background: linear-gradient(315deg, #0097F6 0%, #005EEA 100%);
-  font-family: Lato!important;
+  font-family: 'Lato', sans-serif !important;
   font-weight: 800;
   color: white !important;
 }
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/InputSelect/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/InputSelect/styles.scss
index f5f0dc4667..e5a326fa7c 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/InputSelect/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/InputSelect/styles.scss
@@ -1,6 +1,6 @@
 .inputSelect { /* stylelint-disable */
   font-size: 1.3rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
 
   > label {
     text-transform: capitalize;
@@ -9,7 +9,7 @@
   }
   > select {
     font-size: 1.3rem;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     color: #333740;
     height: 3.5rem!important;
     border-radius: 0rem!important;
@@ -21,7 +21,7 @@
 .requiredClass {
   > label:after {
     color: red;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-weight: bold;
     margin-left: 5px;
     content: "*";
@@ -32,7 +32,7 @@
 .input {
   margin-bottom: 1.5rem;
   font-size: 1.3rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   -webkit-font-smoothing: antialiased;
   > label {
     margin-bottom: 0;
@@ -51,7 +51,7 @@
     -moz-appearance: none;
     -webkit-appearance: none;
     font-size: 1.3rem;
-    font-family: Lato !important;
+    font-family: 'Lato', sans-serif !important;
     background-position: right -1px center;
     background-repeat: no-repeat;
     background-image: url('../../assets/images/background_input.svg');
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/InputToggle/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/InputToggle/styles.scss
index f209a5149b..3824ba8e70 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/InputToggle/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/InputToggle/styles.scss
@@ -24,7 +24,7 @@
     font-weight: 600;
     font-size: 1.2rem;
     letter-spacing: 0.1rem;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     cursor: pointer;
     &:first-of-type {
       border-right: none;
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/List/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/List/styles.scss
index a2796a0c04..4bf2404f69 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/List/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/List/styles.scss
@@ -23,7 +23,7 @@
 
 .titleContainer {
   color: #333740;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 1.8rem;
   font-weight: bold;
   line-height: 2.2rem;
@@ -146,7 +146,7 @@ button {
 }
 
 .italicText {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   color: #49515A;
   font-style: italic;
   height: 100%;
@@ -156,17 +156,17 @@ button {
 }
 
 .normal {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   color: #1C5DE7;
   cursor: pointer;
 }
 
 .primary {
   height: 3rem;
-  font-family: Lato!important;
+  font-family: 'Lato', sans-serif !important;
   margin-left: 1.9rem!important;
   cursor: pointer;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   &:focus {
     outline: 0;
   }
@@ -187,7 +187,7 @@ button {
 }
 
 .secondary {
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   color: #F64D0A;
   border: 0.1rem solid #F64D0A;
   background-color: transparent;
@@ -273,7 +273,7 @@ button {
   padding-top: 1.6rem;
   padding-bottom: 1rem;
   > h4 {
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-weight: bold!important;
     font-size: 1.8rem!important;
 
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/PluginLeftMenuSection/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/PluginLeftMenuSection/styles.scss
index 216c3d865f..1396afc3f6 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/PluginLeftMenuSection/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/PluginLeftMenuSection/styles.scss
@@ -8,7 +8,7 @@
     line-height: 1.3rem;
     color: #919BAE;
     letter-spacing: 0.1rem;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-size: 1.1rem;
     font-weight: bold;
     text-transform: uppercase;
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/WithFormSection/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/WithFormSection/styles.scss
index 12cd8e572a..a544a3228f 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/WithFormSection/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/WithFormSection/styles.scss
@@ -5,7 +5,7 @@
 
 .sectionHeader {
     color: #787E8F;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-size: 1.1rem;
     font-weight: bold;
     line-height: 1.3rem;
@@ -36,6 +36,6 @@
 .sectionDescription {
   margin: .1rem 0;
   color: #8B91A0;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 1.1rem;
 }
diff --git a/packages/strapi-plugin-settings-manager/admin/src/components/WithInput/styles.scss b/packages/strapi-plugin-settings-manager/admin/src/components/WithInput/styles.scss
index 061d223047..e3304712db 100644
--- a/packages/strapi-plugin-settings-manager/admin/src/components/WithInput/styles.scss
+++ b/packages/strapi-plugin-settings-manager/admin/src/components/WithInput/styles.scss
@@ -1,7 +1,7 @@
 .inputNumber { /* stylelint-disable */
   // margin-bottom: .3rem;
   font-size: 1.3rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   > label {
     font-weight: 500;
     text-transform: capitalize;
@@ -21,14 +21,14 @@
     height: 3.4rem;
     line-height: 3.4rem;
     font-size: 1.3rem;
-    font-family: Lato!important;
+    font-family: 'Lato', sans-serif !important;
     background-size: 0!important;
   }
 }
 
 .inputText { /* stylelint-disable */
 
-  font-family: Lato!important;
+  font-family: 'Lato', sans-serif !important;
   font-size: 1.3rem;
   > label {
     font-size: 1.3rem;
@@ -49,7 +49,7 @@
     border-radius: 0.25rem;
     border: 1px solid #E3E9F3;
     line-height: 3.4rem;
-    font-family: Lato!important;
+    font-family: 'Lato', sans-serif !important;
     font-size: 1.3rem;
     background-size: 0!important;
   }
@@ -69,7 +69,7 @@
 .requiredClass {
   > label:after {
     color: red;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-weight: bold;
     margin-left: 5px;
     content: "*";
diff --git a/packages/strapi-plugin-upload/admin/src/containers/HomePage/styles.scss b/packages/strapi-plugin-upload/admin/src/containers/HomePage/styles.scss
index fc269b5952..96471e001b 100644
--- a/packages/strapi-plugin-upload/admin/src/containers/HomePage/styles.scss
+++ b/packages/strapi-plugin-upload/admin/src/containers/HomePage/styles.scss
@@ -1,6 +1,6 @@
 .homePageUpload {
   padding-right: 20px;
-  font-family: Lato !important;
+  font-family: 'Lato', sans-serif !important;
 }
 
 .entriesWrapper {
diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/HeaderNav/styles.scss b/packages/strapi-plugin-users-permissions/admin/src/components/HeaderNav/styles.scss
index 816e446ee9..21a2a9a0c0 100644
--- a/packages/strapi-plugin-users-permissions/admin/src/components/HeaderNav/styles.scss
+++ b/packages/strapi-plugin-users-permissions/admin/src/components/HeaderNav/styles.scss
@@ -30,7 +30,7 @@
   border-radius: 2px 0 0 0;
   background-color: darken(#F5F5F5, 50%);
   text-decoration: none !important;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 1.3rem;
   color: #333740 !important;
   line-height: 1.6rem;
diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/InputSearchContainer/styles.scss b/packages/strapi-plugin-users-permissions/admin/src/components/InputSearchContainer/styles.scss
index 090aa16762..e507857b54 100644
--- a/packages/strapi-plugin-users-permissions/admin/src/components/InputSearchContainer/styles.scss
+++ b/packages/strapi-plugin-users-permissions/admin/src/components/InputSearchContainer/styles.scss
@@ -12,7 +12,7 @@
   color: #B3B5B9;
   line-height: 3.2rem;
   font-size: 1.3rem;
-  font-family: 'Lato';
+  font-family: 'Lato', sans-serif;
   font-weight: 600!important;
   text-transform: capitalize;
   -moz-appearance: none;
@@ -53,7 +53,7 @@
     border-bottom-right-radius: 0;
     line-height: 3.4rem;
     font-size: 1.3rem;
-    font-family: 'Lato' !important;
+    font-family: 'Lato', sans-serif !important;
     box-shadow: 0px 2px 1px rgba(104, 118, 142, 0.05);
     &:focus {
       border-color: #78caff;
diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/List/styles.scss b/packages/strapi-plugin-users-permissions/admin/src/components/List/styles.scss
index 02f613cdaa..6a756e7cac 100644
--- a/packages/strapi-plugin-users-permissions/admin/src/components/List/styles.scss
+++ b/packages/strapi-plugin-users-permissions/admin/src/components/List/styles.scss
@@ -14,7 +14,7 @@
   flex: 2;
   width: 20%;
   color: #333740;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   font-size: 1.8rem;
   font-weight: 600;
   line-height: 2.2rem;
diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/Plugins/styles.scss b/packages/strapi-plugin-users-permissions/admin/src/components/Plugins/styles.scss
index d6b1f49e8d..472216066c 100644
--- a/packages/strapi-plugin-users-permissions/admin/src/components/Plugins/styles.scss
+++ b/packages/strapi-plugin-users-permissions/admin/src/components/Plugins/styles.scss
@@ -31,7 +31,7 @@
   > div:first-child {
     margin-bottom: 2px;
     color: #333740;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     font-size: 1.8rem;
     font-weight: 600;
     line-height: 2.1rem;
diff --git a/packages/strapi-plugin-users-permissions/admin/src/components/PopUpForm/styles.scss b/packages/strapi-plugin-users-permissions/admin/src/components/PopUpForm/styles.scss
index f5919b4cb0..c56e8e80db 100644
--- a/packages/strapi-plugin-users-permissions/admin/src/components/PopUpForm/styles.scss
+++ b/packages/strapi-plugin-users-permissions/admin/src/components/PopUpForm/styles.scss
@@ -24,7 +24,7 @@
     text-transform: capitalize;
     margin-right: 1.8rem;
     cursor: pointer;
-    font-family: Lato;
+    font-family: 'Lato', sans-serif;
     &:focus {
       outline: 0;
     }
@@ -90,10 +90,10 @@
 
 .primary {
   height: 3rem;
-  font-family: Lato!important;
+  font-family: 'Lato', sans-serif !important;
   margin-left: 1.9rem!important;
   cursor: pointer;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   &:focus {
     outline: 0;
   }
@@ -148,7 +148,7 @@
 
 .secondary {
   min-width: 100px;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
   color: #F64D0A;
   border: 0.1rem solid #F64D0A;
   cursor: pointer;
diff --git a/packages/strapi-plugin-users-permissions/admin/src/containers/AuthPage/styles.scss b/packages/strapi-plugin-users-permissions/admin/src/containers/AuthPage/styles.scss
index ccf7b004a7..f582a3b980 100644
--- a/packages/strapi-plugin-users-permissions/admin/src/containers/AuthPage/styles.scss
+++ b/packages/strapi-plugin-users-permissions/admin/src/containers/AuthPage/styles.scss
@@ -15,7 +15,7 @@
   background-image: url('../../assets/images/background_empty.svg');
   background-position-x: center;
   font-size: 1.4rem;
-  font-family: Lato;
+  font-family: 'Lato', sans-serif;
 
 }
 .errorsContainer {