Haxe

eg: https://github.com/haxeui/haxeui-theme-kenney

so i need to put the info into my module.xml file

actually what i want to do is replace the default font across the backends with a standard otf or ttf file

```xml
<module id="haxeui-openfl">
    <resources>
        <resource path="/haxe/ui/backend/openfl/_module/styles" prefix="haxeui-openfl/styles" />
    </resources>
    <themes>
        <global>
            <style resource="haxeui-openfl/styles/main.css" />
        </global>
    </themes>
</module>
```

```css
* {
    font-name: "fonts/my-fonts.ttf"; 
}```

```css
.label, .textfield, .textarea {
    font-name: "haxeui-openfl/styles/fonts/Roboto-Regular.ttf";
    font-size: 13px;
}
```

and how would than variations of bold/italic work ?

with html5 you should just be able to go "font-bold:true" (i think font-weight should work also), not sure about the others tbh

maybe haxeui needs like a @font-face or whatever it is in css

in straight html i would use: ```css
@font-face {
  font-family: myFirstFont;
  src: url(path/to/font-regular.ttf);
  font-weight: normal;
}
@font-face {
  font-family: myFirstFont;
  src: url(path/to/font-bold.ttf);
  font-weight: bold;
}
```

yeah, there is no @font-face, but i think it would be a valid addition... and, unless im hugely mistaken, a pretty simple one?

the `@font-face` spec is tricky <https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp> because of the `unicode` attribute

i dont think it would have to support that. just family, weight and style

basically just parse the css, grab the font details, hold them in a map, when a request comes in for a font, grab the one that matches the family, weight and style

hmmm ... for Noto that would mean creating a large custom font instead of using many of those smaller ones provided out-of-the-box

yeah, i mean, the  range i think would be out of scope, especially considering that haxeui doesnt do any "font stuff" itself, it passes that off to the backend

lets start with supporting ```css
@font-face {
  font-family: myFirstFontRegular;
  src: url(path/to/fonts/my-font-regular.ttf);
}
.regular {
    font-name: "myFirstFontRegular"; 
}
@font-face {
  font-family: myFirstFontBold;
  src: "path/to/fonts/my-font-bold.ttf";
}
.bold {
    font-name: "myFirstFontBold"; 
}
```