How to set font size ? about belly

[jkb0o]

Property names follows kebab-case naming convention, like in css. Use font-size to specify font size within eml:

/// eml:
commands.add(eml!(<span s:font-size="42px">Hello</span>))

or ess:

/* style.ess */

/* set font size to exact element */
span {
  font-size: 42px
}

/* 
  text elements often resides as children of other nodes,
  so it may be useful to set font props using `*` selector
*/

/* set default font size */
* {
  font-size: 24px
}
/* set font size for specific block
.specific-block * {
  font-size: 36px
}

There also orher font related properties:

* {
  /* load custom font from assets folder */
  font: "fonts/MyFont.ttf"
  
  /* use predefined font style */
  font: bold /* regular|bold|italic|bold-italic */
  
  /* specify font color */
  color: red
}

I'd like to keep this issue open, until #31 got resolved.

[kaosat-dev]

Thanks a lot for your quick reply !
My bad also, I was so focused on Bevy's text attributes that I forgot to try it css style :)
That is valuable information about using a specific font as well , thanks !

It is not really an issue at this stage but would there be any way of reusing a font specified in an asset file in bevy_asset_loader ?

#31 is a very good idea !

Btw I have a list of other questions , possible bugs (still need to some testing outside of my main project to isolate things) , and (small) feature requests: is that too much at the current time or are you ok with that ?

Either way, thanks a lot for creating Belly , very useful and promising!

[jkb0o]

Thank you for such a words! I appreciate it!

It is not really an issue at this stage but would there be any way of reusing a font specified in an asset file in bevy_asset_loader ?

I'm not sure if I understand you question right. Lets look on this ess:

* {
  font: "my-font.ttf"
}

The Text components generated by belly will hold Handle<Font> to my-font.ttf asset. If you define same font in bevy_asset_loader asset, your asset collections will hold the same Handle<Font> to the same my-font.ttf, so it will be the only instance of my-font.ttf asset.

You may want to pass font by asset key:

* {
  font: "collection.assets#my.font"
}

Unfortunately for now it is not possible, but may be possible in future.

Btw I have a list of other questions , possible bugs (still need to some testing outside of my main project to isolate things) , and (small) feature requests: is that too much at the current time or are you ok with that ?

Fill free to contact me in discord @jkbo#2629, or/and add issues. There are should be a lot of small bugs which is pretty easy to fix. Feature requests are welcome as well!

[jkb0o]

closing in favor of #31