juyung/devscard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Setup Inter font (#182)

Browse source
This commit is contained in:
Konrad Szwarc 2023-01-27 22:48:15 +01:00
parent f617e3995f
commit 0698d62a63
5 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/fonts/Inter-roman.var.woff2 Normal file
View file

Binary file not shown.

10
src/components/fonts.astro Normal file
View file

@ -0,0 +1,10 @@
<style is:global>
@font-face {
font-family: 'Inter var';
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: 'Regular';
src: url('/fonts/Inter-roman.var.woff2') format('woff2');
}
</style>

2
src/pages/pdf.astro
View file

@ -1,4 +1,5 @@
--- ---
import Fonts from '@/components/fonts.astro';
import Footer from '@/pdf/components/footer.astro'; import Footer from '@/pdf/components/footer.astro';
import EducationSection from '@/pdf/sections/education-section.pdf.astro'; import EducationSection from '@/pdf/sections/education-section.pdf.astro';
import ExperienceSection from '@/pdf/sections/experience-section.pdf.astro'; import ExperienceSection from '@/pdf/sections/experience-section.pdf.astro';
@ -23,6 +24,7 @@ const shouldRenderSection = (section: keyof typeof sections) => sections[section
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title>PDF preview</title> <title>PDF preview</title>
<Fonts />
</head> </head>
<body class="flex flex-col bg-white p-[10mm] print:p-0"> <body class="flex flex-col bg-white p-[10mm] print:p-0">
{shouldRenderSection('main') && <MainSection {...sections.main} />} {shouldRenderSection('main') && <MainSection {...sections.main} />}

3
src/web/components/head.astro
View file

@ -1,8 +1,8 @@
--- ---
import Fonts from '@/components/fonts.astro';
import Favicons from '@/web/head/favicons.auto-generated.astro'; import Favicons from '@/web/head/favicons.auto-generated.astro';
import InitialTheme from '@/web/head/initial-theme.astro'; import InitialTheme from '@/web/head/initial-theme.astro';
import Meta from '@/web/head/meta.astro'; import Meta from '@/web/head/meta.astro';
import type { MetaConfig } from '@/types/config/meta-config.types'; import type { MetaConfig } from '@/types/config/meta-config.types';
interface Props { interface Props {
@ -16,4 +16,5 @@ const { meta } = Astro.props;
<Meta meta={meta} /> <Meta meta={meta} />
<Favicons /> <Favicons />
<InitialTheme /> <InitialTheme />
<Fonts />
</head> </head>

4
tailwind.config.cjs
View file

@ -1,4 +1,5 @@
const colors = require('tailwindcss/colors'); const colors = require('tailwindcss/colors');
const defaultTheme = require('tailwindcss/defaultTheme');
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { module.exports = {
@ -22,6 +23,9 @@ module.exports = {
animation: { animation: {
show: 'show 225ms ease-in-out', show: 'show 225ms ease-in-out',
}, },
fontFamily: {
sans: ['Inter var', ...defaultTheme.fontFamily.sans],
},
}, },
}, },
plugins: [], plugins: [],