Skip to content

Commit

Permalink
Update font to D-DIN
Browse files Browse the repository at this point in the history
  • Loading branch information
parafoxia committed Feb 8, 2024
1 parent bb1bdba commit 4200e9a
Show file tree
Hide file tree
Showing 5 changed files with 11 additions and 3 deletions.
6 changes: 5 additions & 1 deletion html/index.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
@import url('https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anybody&display=swap');
@font-face {
font-family: "D-DIN";
src: "public/fonts/D-DIN.otf";
}

:root {
--brand-black: #0c0c0c;
Expand Down Expand Up @@ -28,7 +32,7 @@ html,
body {
padding: 0;
margin: 0;
font-family: Anybody, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
font-family: D-DIN, Anybody, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

Expand Down
Binary file added public/fonts/D-DIN.otf
Binary file not shown.
2 changes: 1 addition & 1 deletion src/pages/series/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ const Series: React.FC<Props> = ({ allSeries }: Props) => {
</div>
<CardContent className="grow">
<Link href={`/series/${series.slug}`}>
<h1 className="font-sans text-2xl font-bold italic mb-2 hover:cursor-pointer">
<h1 className="font-sans text-2xl font-bold mb-2 hover:cursor-pointer">
{series.title}
</h1>
</Link>
Expand Down
4 changes: 4 additions & 0 deletions src/styles/fonts.scss
Original file line number Diff line number Diff line change
@@ -1,2 +1,6 @@
@import url('https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,200;0,300;0,400;0,700;1,300;1,600&display=swap');
@font-face {
font-family: "D-DIN";
src: "public/fonts/D-DIN.otf";
}
2 changes: 1 addition & 1 deletion tailwind.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ module.exports = {
},
extend: {
fontFamily: {
sans: ['Anybody', ...defaultTheme.fontFamily.sans],
sans: ['D-DIN', ...defaultTheme.fontFamily.sans],
brand: ['Zen Dots'],
},
colors: {
Expand Down

0 comments on commit 4200e9a

Please sign in to comment.