diff --git a/assets/css/fonts.scss b/assets/css/fonts.scss
index 30a260901..603a58435 100644
--- a/assets/css/fonts.scss
+++ b/assets/css/fonts.scss
@@ -1,2 +1,60 @@
-@import url("https://fonts.googleapis.com/css?family=Poppins:500,700|Roboto+Mono:400&display=swap");
-@import url("https://fonts.googleapis.com/icon?family=Material+Icons&display=swap");
+// @import url("https://fonts.googleapis.com/css?family=Poppins:500,700|Roboto+Mono:400&display=swap");
+// @import url("https://fonts.googleapis.com/icon?family=Material+Icons&display=swap");
+
+/* Material Design Icons */
+@font-face {
+  font-family: "Material Icons";
+  font-display: swap;
+  font-style: normal;
+  font-weight: 400;
+  src: url("~assets/fonts/material-icons-v48.woff2") format("woff2");
+}
+
+.material-icons {
+  font-family: "Material Icons";
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: "liga";
+  -webkit-font-smoothing: antialiased;
+}
+
+/* poppins-500 - latin */
+@font-face {
+  font-family: "Poppins";
+  font-style: normal;
+  font-weight: 500;
+  src: local("Poppins Medium"), local("Poppins-Medium"),
+    url("~assets/fonts/poppins-v9-latin-500.woff2") format("woff2"),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url("~assets/fonts/poppins-v9-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* poppins-700 - latin */
+@font-face {
+  font-family: "Poppins";
+  font-style: normal;
+  font-weight: 700;
+  src: local("Poppins Bold"), local("Poppins-Bold"),
+    url("~assets/fonts/poppins-v9-latin-700.woff2") format("woff2"),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url("~assets/fonts/poppins-v9-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* roboto-mono-regular - latin */
+@font-face {
+  font-family: "Roboto Mono";
+  font-style: normal;
+  font-weight: 400;
+  src: local("Roboto Mono"), local("RobotoMono-Regular"),
+    url("~assets/fonts/roboto-mono-v7-latin-regular.woff2") format("woff2"),
+    /* Chrome 26+, Opera 23+, Firefox 39+ */
+      url("~assets/fonts/roboto-mono-v7-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
diff --git a/assets/fonts/material-icons-v48.woff2 b/assets/fonts/material-icons-v48.woff2
new file mode 100644
index 000000000..34cdd2afb
Binary files /dev/null and b/assets/fonts/material-icons-v48.woff2 differ
diff --git a/assets/fonts/poppins-v9-latin-500.woff b/assets/fonts/poppins-v9-latin-500.woff
new file mode 100644
index 000000000..a2d64a1fb
Binary files /dev/null and b/assets/fonts/poppins-v9-latin-500.woff differ
diff --git a/assets/fonts/poppins-v9-latin-500.woff2 b/assets/fonts/poppins-v9-latin-500.woff2
new file mode 100644
index 000000000..fcf632b49
Binary files /dev/null and b/assets/fonts/poppins-v9-latin-500.woff2 differ
diff --git a/assets/fonts/poppins-v9-latin-700.woff b/assets/fonts/poppins-v9-latin-700.woff
new file mode 100644
index 000000000..95ec2a3c4
Binary files /dev/null and b/assets/fonts/poppins-v9-latin-700.woff differ
diff --git a/assets/fonts/poppins-v9-latin-700.woff2 b/assets/fonts/poppins-v9-latin-700.woff2
new file mode 100644
index 000000000..77d13cafc
Binary files /dev/null and b/assets/fonts/poppins-v9-latin-700.woff2 differ
diff --git a/assets/fonts/roboto-mono-v7-latin-regular.woff b/assets/fonts/roboto-mono-v7-latin-regular.woff
new file mode 100644
index 000000000..c41382c27
Binary files /dev/null and b/assets/fonts/roboto-mono-v7-latin-regular.woff differ
diff --git a/assets/fonts/roboto-mono-v7-latin-regular.woff2 b/assets/fonts/roboto-mono-v7-latin-regular.woff2
new file mode 100644
index 000000000..53d4b505c
Binary files /dev/null and b/assets/fonts/roboto-mono-v7-latin-regular.woff2 differ
diff --git a/lang/es-ES.js b/lang/es-ES.js
index d75633b23..40a4cdd91 100644
--- a/lang/es-ES.js
+++ b/lang/es-ES.js
@@ -1,84 +1,84 @@
 export default {
-  home: 'Inicio',
-  realtime: 'Tiempo real',
-  graphql: 'GraphQL',
-  settings: 'Ajustes',
-  request: 'Petición',
-  install_pwa: 'Instalar PWA',
-  support_us: 'Ayúdanos',
-  tweet: 'Tweet',
-  options: 'Opciones',
-  communication: 'Comunicación',
-  endpoint: 'Endpoint',
-  schema: 'Esquema',
-  theme: 'Tema',
-  subscribe: 'Subscribirse',
-  choose_language: 'Seleccione un idioma',
-  shortcuts: 'Atajos',
-  send_request: 'Enviar petición',
-  save_to_collections: 'Guardar en las Colecciones',
-  copy_request_link: 'Copiar enlace de la petición',
-  reset_request: 'Reiniciar Petición',
-  support_us_on: 'Ayúdanos en',
-  open_collective: 'Open Collective',
-  paypal: 'PayPal',
-  patreon: 'Patreon',
-  javascript_code: 'Código JavaScript',
-  method: 'Método',
-  path: 'Ruta',
-  label: 'Etiqueta',
-  again: 'De nuevo',
-  content_type: 'Tipo de Contenido',
-  raw_input: 'Datos sin Procesar',
-  parameter_list: 'Lista de Parámetros',
-  raw_request_body: 'Cuerpo de la Solicitud sin Procesar',
-  show_code: 'Mostrar el código',
-  hide_code: 'Ocultar el código',
-  show_prerequest_script: 'Mostrar Script pre solicitud',
-  hide_prerequest_script: 'Ocultar Script pre solicitud',
-  authentication: 'Autenticación',
-  authentication_type: 'Tipo de autenticación',
-  include_in_url: 'Incluir en el URL',
-  parameters: 'Parámetros',
-  expand_response: 'Ampliar Respuesta',
-  collapse_response: 'Contraer Respuesta',
-  hide_preview: 'Ocultar la vista previa',
-  preview_html: 'Vista Previa del HTML',
-  history: 'Historial',
-  collections: 'Colecciones',
-  import_curl: 'Importar cURL',
-  import: 'Importar',
-  generate_code: 'Generar código',
-  request_type: 'Tipo de Petición',
-  generated_code: 'Código Generado',
-  status: 'Estado',
-  headers: 'Cabeceras',
-  websocket: 'WebSocket',
-  waiting_for_connection: '(esperando por conexión)',
-  message: 'Mensaje',
-  sse: 'SSE',
-  server: 'Servidor',
-  events: 'Eventos',
-  url: 'URL',
-  get_schema: 'Obtener esquema',
-  header_list: 'Lista de Cabeceras',
-  add_new: 'Agregar nuevo',
-  response: 'Respuesta',
-  query: 'Consulta',
-  queries: 'Consultas',
-  mutations: 'Mutaciones',
-  subscriptions: 'Subscripciones',
-  types: 'Tipos',
-  send: 'Enviar',
-  background: 'Fondo',
-  color: 'Color',
-  labels: 'Etiquetas',
-  multi_color: 'Multicolor',
-  enabled: 'Habilitado',
-  disabled: 'Deshabilitado',
-  proxy: 'Proxy',
-  postwoman_official_proxy_hosting: 'Proxy Oficial de Postwoman está hospedado en ApolloTV.',
-  read_the: 'Leer la',
-  apollotv_privacy_policy: 'Política de Privacidad de ApolloTV'
+  home: "Inicio",
+  realtime: "Tiempo real",
+  graphql: "GraphQL",
+  settings: "Ajustes",
+  request: "Petición",
+  install_pwa: "Instalar PWA",
+  support_us: "Ayúdanos",
+  tweet: "Tweet",
+  options: "Opciones",
+  communication: "Comunicación",
+  endpoint: "Endpoint",
+  schema: "Esquema",
+  theme: "Tema",
+  subscribe: "Subscribirse",
+  choose_language: "Seleccione un idioma",
+  shortcuts: "Atajos",
+  send_request: "Enviar petición",
+  save_to_collections: "Guardar en las Colecciones",
+  copy_request_link: "Copiar enlace de la petición",
+  reset_request: "Reiniciar Petición",
+  support_us_on: "Ayúdanos en",
+  open_collective: "Open Collective",
+  paypal: "PayPal",
+  patreon: "Patreon",
+  javascript_code: "Código JavaScript",
+  method: "Método",
+  path: "Ruta",
+  label: "Etiqueta",
+  again: "De nuevo",
+  content_type: "Tipo de Contenido",
+  raw_input: "Datos sin Procesar",
+  parameter_list: "Lista de Parámetros",
+  raw_request_body: "Cuerpo de la Solicitud sin Procesar",
+  show_code: "Mostrar el código",
+  hide_code: "Ocultar el código",
+  show_prerequest_script: "Mostrar Script pre solicitud",
+  hide_prerequest_script: "Ocultar Script pre solicitud",
+  authentication: "Autenticación",
+  authentication_type: "Tipo de autenticación",
+  include_in_url: "Incluir en el URL",
+  parameters: "Parámetros",
+  expand_response: "Ampliar Respuesta",
+  collapse_response: "Contraer Respuesta",
+  hide_preview: "Ocultar la vista previa",
+  preview_html: "Vista Previa del HTML",
+  history: "Historial",
+  collections: "Colecciones",
+  import_curl: "Importar cURL",
+  import: "Importar",
+  generate_code: "Generar código",
+  request_type: "Tipo de Petición",
+  generated_code: "Código Generado",
+  status: "Estado",
+  headers: "Cabeceras",
+  websocket: "WebSocket",
+  waiting_for_connection: "(esperando por conexión)",
+  message: "Mensaje",
+  sse: "SSE",
+  server: "Servidor",
+  events: "Eventos",
+  url: "URL",
+  get_schema: "Obtener esquema",
+  header_list: "Lista de Cabeceras",
+  add_new: "Agregar nuevo",
+  response: "Respuesta",
+  query: "Consulta",
+  queries: "Consultas",
+  mutations: "Mutaciones",
+  subscriptions: "Subscripciones",
+  types: "Tipos",
+  send: "Enviar",
+  background: "Fondo",
+  color: "Color",
+  labels: "Etiquetas",
+  multi_color: "Multicolor",
+  enabled: "Habilitado",
+  disabled: "Deshabilitado",
+  proxy: "Proxy",
+  postwoman_official_proxy_hosting:
+    "Proxy Oficial de Postwoman está hospedado en ApolloTV.",
+  read_the: "Leer la",
+  apollotv_privacy_policy: "Política de Privacidad de ApolloTV"
 };
-
diff --git a/lang/id-ID.js b/lang/id-ID.js
index ebbae864a..06642df7a 100644
--- a/lang/id-ID.js
+++ b/lang/id-ID.js
@@ -77,7 +77,8 @@ export default {
   enabled: "Aktif",
   disabled: "Non-aktif",
   proxy: "Proxy",
-  postwoman_official_proxy_hosting: "Proxy Resmi Postwoman's dipersembahkan oleh ApolloTV.",
+  postwoman_official_proxy_hosting:
+    "Proxy Resmi Postwoman's dipersembahkan oleh ApolloTV.",
   read_the: "Baca",
   apollotv_privacy_policy: "Kebijakan Privasi ApolloTV"
 };