Use "brand" fonts in title

[raae]

• Use the boldest var(--neo-Grotesque) for DATA and primary color for DATA
• Use apricot for the "in the wild"
• Set the title to "Data in the wild" and style the h1 span to apricot

[raae]

Apricot font files: Archive.zip

[rishi-raj-jain]

Damn!

6a08562 got directly committed 😅

I'll make sure to create PRs in the future.

But it does all of what was listed in the tasks.

Please take a look?

[rishi-raj-jain]

The commit does the following apart from what was asked in the tasks:

• Inter was not loaded earlier. It's now referenced over https://github.com/queen-raae/datainthewild.fm/blob/main/src/components/Font.astro#L35 and taken care of loading with fallback font using astro-font
• Adds types for node to have autocompletions (and less noise) while using node internals.

[rishi-raj-jain]

Ah it reflected on https://datainthewild.fm/ superbly 👇🏻

[raae]

I'd rather not do utility classes in this project (mainly to see how it feels). So, if you could change it to be defined in the global CSS as "h1 span" for apricot and em for the brand color, that would be great.

What do you mean Inter was not loaded, using the Modern Font Stacks https://github.com/system-fonts/modern-font-stacks#neo-grotesque, so it should use one of the fonts in th e?

[raae]

My bad with the instruction on the title should have been <em>Data</em> <span>in the wild</span>

[rishi-raj-jain]

@raae

• No worries, created fix: Use "brand" fonts in title #4
• Ah I see it. It's a learning for me. I thought Inter is not part of every browser.