Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:01:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add IBM Plex Mono font

Browse Source
This commit is contained in:
Sat Naing
2022-09-08 22:51:27 +06:30
parent 02d29f0914
commit 0d5378969f
2 changed files with 11 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/Layout.astro
+8 -37
View File
@@ -27,45 +27,16 @@ const { title } = Astro.props;
<meta property="og:site_name" content="og_site_name" /> <meta property="og:site_name" content="og_site_name" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image:alt" content="twitter_image_description" /> <meta name="twitter:image:alt" content="twitter_image_description" />
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"
rel="stylesheet"
/>
</head> </head>
<body> <body>
<slot /> <slot />
<style>
:root {
--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
--font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
--color-text: hsl(12, 5%, 4%);
--color-bg: hsl(10, 21%, 95%);
--color-border: hsl(17, 24%, 90%);
}
html {
font-family: system-ui, sans-serif;
font-size: var(--font-size-base);
color: var(--color-text);
background-color: var(--color-bg);
}
body {
margin: 0;
}
</style>
<style is:global>
h1 {
font-size: var(--font-size-xl);
}
h2 {
font-size: var(--font-size-lg);
}
code {
font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
}
</style>
</body> </body>
</html> </html>
tailwind.config.cjs
+3
View File
@@ -25,6 +25,9 @@ module.exports = {
card: withOpacity("--color-card"), card: withOpacity("--color-card"),
}, },
}, },
fontFamily: {
mono: ["IBM Plex Mono", "monospace"],
},
}, },
}, },
plugins: [], plugins: [],