Missing font in head section of html file

[4.1.2]

The declaration is missing in header section of html

 <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">

when I place these two components by drag and drop and edit class manually - nested i-tag inside a-tag.

<a href="#about"><i class="fa fa-angle-double-down animated"></i></a>

The declaration appears instantly, when I convert these two components to a custom code. Without the font, arrows are not displayed after export, but they are visible editor window.

As an optimization, Bootstrap Studio includes Font Awesome only if:

  • There is an Icon component with font awesome in the design
  • A custom code block contains font awesome icons as source code

We don't handle the case of an Italic component with font awesome class names at the moment. You are advised to use an Icon component instead.