Transfonter VS Fontastic

It's better to use woff then tff. You can convert your font here: https://transfonter.org/. Source: 12 months ago

That'd be great, but in the meantime you can use something like transfonter to base64 encode your fonts as a workaround. Source: about 1 year ago

Hi I have a specific custom font, that does display correctly on desktop but not on mobile (It falls back to a system font there). I converted an ttf font with transfonter.org using these settings:. Source: over 1 year ago

If you don't have all the extensions above I suggest the use of the Transfonter site. It provides you the other fonts extensions. You just have to drag and drop or upload the fonts you want in your project. Here, I will use the regular, italic, bold and bold italic of Montserrat. So, after uploading the ttf fonts from Montserrat to Transfonter, do not forget to check the formats you want (in this example, I will... - Source: dev.to / over 1 year ago

PS. If you have a problem regarding vertical alignment, make sure to use this awesome tool to fix it. Just load the font and select "fix vertical metrics". Then use this new font instead. - Source: dev.to / over 1 year ago

If anyone else has the same issue, here's how I solved it. I used Material Icons SVGs and converted them to elementor-supported icon pack using fantastic and uploaded them in the Custom Icon section. I'd say the Material Icon pack worked out okay for me. Still not as good as the default font awesome icons. Source: over 1 year ago

There are many approaches. In your case, you just use icons that you need and unused icons won't be added to the bundle. If I need just a few icons then I generate custom fonts (I usually use https://fontastic.me). Source: almost 3 years ago