WIP PWA for Grain
fix: load font via link element in shadow root
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+1
-2
+1
-2
src/components/organisms/grain-header.js
+1
-2
src/components/organisms/grain-header.js
···
3
3
4
4
export class GrainHeader extends LitElement {
5
5
static styles = css`
6
-
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
7
-
8
6
:host {
9
7
display: block;
10
8
position: sticky;
···
40
38
41
39
render() {
42
40
return html`
41
+
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
43
42
<header>
44
43
<button class="logo" @click=${this.#handleLogoClick}>Grain</button>
45
44
</header>