Hugging Face's logo

Spaces:
Henhouse
/
workflow-comics
Sleeping

App Files Community
workflow-comics
File size: 2,844 Bytes 
450060f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
 
import {
  Indie_Flower,
  The_Girl_Next_Door,
  
} from "next/font/google"
import localFont from "next/font/local"

export const indieflower = Indie_Flower({
  subsets: ["latin"],
  weight: "400",
  variable: "--font-indieflower",
})

export const thegirlnextdoor = The_Girl_Next_Door({
  subsets: ["latin"],
  weight: "400",
  variable: "--font-the-girl-next-door",
})

export const komika = localFont({
  src: "../fonts/Komika-Hand/Komika-Hand.woff2",
  variable: "--font-komika"
})

export const actionman = localFont({
  src: "../fonts/Action-Man/Action-Man.woff2",
  variable: "--font-action-man"
})

export const karantula = localFont({
  src: "../fonts/Karantula/Karantula.woff2",
  variable: "--font-karantula"
})

export const manoskope = localFont({
  src: "../fonts/Manoskope/MANOSKOPE-Bold.woff2",
  variable: "--font-manoskope"
})

export const paeteround = localFont({
  src: "../fonts/Paete-Round/Paete-Round.woff2",
  variable: "--font-paete-round"
})

export const qarmic = localFont({
  src: "../fonts/Qarmic-Sans/Qarmic-Sans-Abridged.woff2",
  variable: "--font-qarmic-sans"
})

export const archrival = localFont({
  src: "../fonts/SF-Arch-Rival/SF-Arch-Rival.woff2",
  variable: "--font-sf-arch-rival"
})

export const cartoonist = localFont({
  src: "../fonts/SF-Cartoonist-Hand/SF-Cartoonist-Hand.woff2",
  variable: "--font-sf-cartoonist-hand"
})

export const toontime = localFont({
  src: "../fonts/SF-Toontime/SF-Toontime.woff2",
  variable: "--font-sf-toontime"
})

export const vtc = localFont({
  src: "../fonts/VTC-Letterer-Pro/VTC-Letterer-Pro.woff2",
  variable: "--font-vtc-letterer-pro"
})


export const digitalstrip = localFont({
  src: "../fonts/DigitalStripBB/DigitalStripBB_Reg.woff2",
  variable: "--font-digital-strip-bb"
})

// https://nextjs.org/docs/pages/building-your-application/optimizing/fonts 
// If loading a variable font, you don"t need to specify the font weight
export const fonts = {
  indieflower,
  thegirlnextdoor,
  // komika,
  actionman,
  karantula,
  manoskope,
  // paeteround,
  // qarmic,
 //  archrival,
  // cartoonist,
  // toontime,
  // vtc,
  digitalstrip
}

// https://nextjs.org/docs/pages/building-your-application/optimizing/fonts 
// If loading a variable font, you don"t need to specify the font weight
export const fontList = Object.keys(fonts)

export type FontName = keyof typeof fonts

export const defaultFont = "cartoonist" as FontName

export const classNames = Object.values(fonts).map(font => font.className)

export const className = classNames.join(" ")

export type FontClass =
  | "font-indieflower"
  | "font-thegirlnextdoor"
  | "font-komika"
  | "font-actionman"
  | "font-karantula"
  | "font-manoskope"
  | "font-paeteround"
  | "font-qarmic"
  | "font-archrival"
  | "font-cartoonist"
  | "font-toontime"
  | "font-vtc"
  | "font-digitalstrip"