diff --git a/app/layout.jsx b/app/layout.jsx
index f8cc6c6..58626a8 100644
--- a/app/layout.jsx
+++ b/app/layout.jsx
@@ -13,14 +13,14 @@ export const roboto = Roboto({
   subsets: ['latin'],
   style: ['normal', 'italic'],
   variable: '--font-roboto',
-  // fallback: ['sans-serif']
+  fallback: ['sans-serif']
 });
 
 export const source_code_pro = Source_Code_Pro({
   weight: ['400'],
   subsets: ['latin'],
   variable: '--font-source-code-pro',
-  // fallback: ['monospace']
+  fallback: ['monospace']
 });
 
 // metadata config
diff --git a/components/post/post-content.jsx b/components/post/post-content.jsx
index 60b7320..f8638f7 100644
--- a/components/post/post-content.jsx
+++ b/components/post/post-content.jsx
@@ -10,6 +10,7 @@ import html from 'highlight.js/lib/languages/xml';
 import php from 'highlight.js/lib/languages/php';
 import sql from 'highlight.js/lib/languages/sql';
 import bash from 'highlight.js/lib/languages/bash';
+import yaml from 'highlight.js/lib/languages/yaml';
 
 // hljs register languages 
 hljs.registerLanguage('css', css);
@@ -18,6 +19,7 @@ hljs.registerLanguage('php', php);
 hljs.registerLanguage('sql', sql);
 hljs.registerLanguage('sql', sql);
 hljs.registerLanguage('bash', bash);
+hljs.registerLanguage('yaml', yaml);
 
 hljs.configure({
   ignoreUnescapedHTML: true