fix: test performance for fonts

thedaviddias · Aug 3, 2023 · a0715bd · a0715bd · vercel · Aug 3, 2023
1 parent 8eb43b9
commit a0715bd
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git a/apps/blog/src/components/MdxComponents/index.tsx b/apps/blog/src/components/MdxComponents/index.tsx
@@ -6,6 +6,7 @@ import {
   OlHTMLAttributes,
   ReactNode,
 } from 'react'
+import { LinkedInEmbed } from 'react-social-media-embed/dist/components/embeds/LinkedInEmbed'
 
 import { H1, H2, H3, H4 } from '@/components/Headings'
 import { Paragraph } from '@/components/Paragraph'
@@ -20,6 +21,7 @@ import { Tweet } from './tweet'
 import { Sidenote } from '../Sidenote'
 
 export const MDXComponents: any = {
+  LinkedInEmbed,
   hr: (
     props: JSX.IntrinsicAttributes & ClassAttributes<HTMLHRElement> & HTMLAttributes<HTMLHRElement>
   ) => <hr {...props} />,

diff --git a/apps/blog/src/styles/globals.css b/apps/blog/src/styles/globals.css
@@ -1,33 +1,33 @@
 @font-face {
-  font-family: 'Oswald';
+  font-family: 'Oswald', sans-serif;
   font-style: normal;
   font-weight: 300 700;
   src: url('/fonts/oswald.woff2') format('woff2');
-  font-display: swap;
+  font-display: optional;
 }
 
 @font-face {
-  font-family: 'Source Sans Pro';
+  font-family: 'Source Sans Pro', sans-serif;
   font-style: normal;
   font-weight: 700;
   src: url('/fonts/SourceSansPro-Bold.woff2') format('woff2');
-  font-display: swap;
+  font-display: optional;
 }
 
 @font-face {
-  font-family: 'Source Sans Pro';
+  font-family: 'Source Sans Pro', sans-serif;
   font-style: normal;
   font-weight: 300;
   src: url('/fonts/SourceSansPro-Light.woff2') format('woff2');
-  font-display: swap;
+  font-display: optional;
 }
 
 @font-face {
-  font-family: 'Source Sans Pro';
+  font-family: 'Source Sans Pro', sans-serif;
   font-style: normal;
   font-weight: 400;
   src: url('/fonts/SourceSansPro-Regular.woff2') format('woff2');
-  font-display: swap;
+  font-display: optional;
 }
 
 /* purgecss start ignore */

diff --git a/content/articles/ideal-desk-setup-personal-journey.mdx b/content/articles/ideal-desk-setup-personal-journey.mdx
@@ -65,3 +65,11 @@ A few years ago, when I was living in Paris, I would spend a fortune at [Aroma Z
 ## And you, what is your ideal desk setup?
 
 Everyone is different, and our needs and aspirations are different. I am curious to know - what is your ideal desk setup? What do you like to have on your desk? What do you enjoy doing? What is your dream setup?
+
+<div style={{ display: 'flex', justifyContent: 'center' }}>
+  <LinkedInEmbed
+    url="https://www.linkedin.com/embed/feed/update/urn:li:share:7091183319584833536"
+    postUrl="https://www.linkedin.com/posts/thedaviddias_desksetup-homeoffice-desk-activity-7091183321329647616-TrhV?utm_source=share&utm_medium=member_desktop"
+    width={525}
+  />
+</div>