how do i use font awesome with a font import

[Tricked-dev]

i currently have this:

import "../assets/fa-regular-400.ttf";
import "../assets/Font Awesome 6 Brands-Regular-400.otf";
import "../assets/Font Awesome 6 Free-Regular-400.otf";

and then

export component AppWindow inherits Window { 
  default-font-family: "Font Awesome";
  Text {
     font-family: "Font Awesome";
     text: @tr(" test");
  }
}

this doesn't work sadly.

when i install the font as a system font it works but that's obviously not what i want when shipping the application

how could i fix this / what other methods are there to get icons?

[tronical]

Hm, is it possible that you're using the wrong family name?

I tried this and it works for me:

1. Create a file test.slint with the following contents:

import "fa-regular-400.ttf";

export component AppWindow inherits Window {
  default-font-size: 48px;
  Text {
     font-family: "Font Awesome 6 Free";
     text: @tr("test");
  }
}

2. Download fa-regular-400.ttf from https://github.com/FortAwesome/font-awesome-sass/tree/master/assets/fonts/font-awesome
3. Preview with slint-viewer test.slint

I see this on macOS. I don't have font awesome installed on my system.

[Tricked-dev]

ah thats it thanks! although something like this default-font-family: "Roboto, Font Awesome 6 Free"; sadly isnt possible so either everything is in the weird fa font or i have to do some annoying text stuff

[Tricked-dev]

update: i used nerdfonts to generate a font based on lato with all the unicode emojis 🎉