feat: Add Fira Code font files and integrate into BaseHead and global styles

Author: ruivieira

public/fonts/FiraCode-Bold.ttf

@@ -13,6 +13,8 @@ interface Props {
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 const fontRegularUrl = 'https://blog.trustyai.org/fonts/atkinson-regular.woff';
 const fontBoldUrl = 'https://blog.trustyai.org/fonts/atkinson-bold.woff';
+const firaCodeRegularUrl = 'https://blog.trustyai.org/fonts/FiraCode-Regular.ttf';
+const firaCodeBoldUrl = 'https://blog.trustyai.org/fonts/FiraCode-Bold.ttf';
 
 const { title, description, image = 'https://blog.trustyai.org/blog-placeholder-1.jpg' } = Astro.props;
 ---
@@ -33,6 +35,8 @@ const { title, description, image = 'https://blog.trustyai.org/blog-placeholder-
 <!-- Font preloads -->
 <link rel="preload" href={fontRegularUrl} as="font" type="font/woff" crossorigin />
 <link rel="preload" href={fontBoldUrl} as="font" type="font/woff" crossorigin />
+<link rel="preload" href={firaCodeRegularUrl} as="font" type="font/ttf" crossorigin />
+<link rel="preload" href={firaCodeBoldUrl} as="font" type="font/ttf" crossorigin />
 
 <!-- Font definitions -->
 <style set:html={`
@@ -50,6 +54,20 @@ const { title, description, image = 'https://blog.trustyai.org/blog-placeholder-
 		font-style: normal;
 		font-display: swap;
 	}
+	@font-face {
+		font-family: 'Fira Code';
+		src: url('${firaCodeRegularUrl}') format('truetype');
+		font-weight: normal;
+		font-style: normal;
+		font-display: swap;
+	}
+	@font-face {
+		font-family: 'Fira Code';
+		src: url('${firaCodeBoldUrl}') format('truetype');
+		font-weight: bold;
+		font-style: normal;
+		font-display: swap;
+	}
 	
 	/* Ensure the font is applied */
 	body {

public/fonts/FiraCode-Light.ttf

@@ -95,13 +95,15 @@ code {
 	padding: 2px 5px;
 	background-color: rgb(var(--gray-light));
 	border-radius: 2px;
+	font-family: 'Fira Code', monospace;
 }
 pre {
 	padding: 1.5em;
 	border-radius: 8px;
 }
 pre > code {
 	all: unset;
+	font-family: 'Fira Code', monospace;
 }
 blockquote {
 	border-left: 4px solid var(--accent);