diff --git a/fwt/components/HTML/HTML.sass b/fwt/components/HTML/HTML.sass
index 0b2b6f4..92e9d1c 100644
--- a/fwt/components/HTML/HTML.sass
+++ b/fwt/components/HTML/HTML.sass
@@ -16,10 +16,10 @@
@extend .body
font-family: fonts.$Montserrat
-.opensans
+.open-sans
@extend .body
font-family: fonts.$OpenSans
-.publicsans
+.public-sans
@extend .body
font-family: fonts.$PublicSans
diff --git a/fwt/components/HTML/HTML.tsx b/fwt/components/HTML/HTML.tsx
index 6c868a3..ccee123 100644
--- a/fwt/components/HTML/HTML.tsx
+++ b/fwt/components/HTML/HTML.tsx
@@ -1,12 +1,12 @@
import './HTML.sass'
-import type { JSXElement } from 'solid-js'
+import { type JSXElement, Show } from 'solid-js'
interface Props {
title: string
name: string
description: string
children: JSXElement
- font?: string
+ font?: 'roboto' | 'inter' | 'montserrat' | 'open-sans' | 'public-sans'
}
export default (props: Props) => {
@@ -14,16 +14,22 @@ export default (props: Props) => {
<>
-
-
+
+
+
+
+
+
+
{props.title}
{props.children}
+ s
)
}