1module.exports = {
 2    theme: {
 3        fontFamily: {
 4            display: [
 5                "Visby CF", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
 6                "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
 7                "Noto Color Emoji"
 8            ],
 9            body: [
10                "Open Sans", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
11                "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
12                "Noto Color Emoji"
13            ],
14        },
15        extend: {
16            typography: (theme) => ({
17                DEFAULT: {
18                    css: {
19                        h1: {
20                            fontFamily: theme("fontFamily.display").join(", ")
21                        },
22                        h2: {
23                            fontFamily: theme("fontFamily.display").join(", ")
24                        },
25                        h3: {
26                            fontFamily: theme("fontFamily.display").join(", ")
27                        },
28                        h4: {
29                            fontFamily: theme("fontFamily.display").join(", ")
30                        }
31                    }
32                }
33            })
34        }
35    },
36    variants: {
37    },
38    plugins: [
39        require('@tailwindcss/typography'),
40    ],
41    purge: [
42        "../server/templates/**/*.hbs"
43    ]
44}