Exclude Font Awesome from t3sbootstrap.css

[obusch14v]

Hi,

In older versions of t3sbootstrap for TYPO3 version 12, it was possible to completely disable the integration of Font Awesome icons via the EM Configuration.

Now, Font Awesome icons are integrated directly via the file /typo3conf/ext/t3sbootstrap/Resources/Public/Styles/t3sbootstrap.css, which means that the CSS is loaded even if Font Awesome is not used.

It would be very helpful if the FontAwesome part were moved to a separate file, which could then be removed via a separate constant or by emptying page.includeCSS. Currently, only the removal of the entire t3sbootstrap.css file is possible.

TYPO3 Version 13.4.18
PHP 8.2.29
t3sbootstrap 5.3.25

Thank you.

[t3solution]

... some FA icons are required in some templates (e.g., in the navigation).
Only the icons that are needed are included here!
However, if you want to remove all of them, you can set the following constant:
bootstrap.config.disableDefaultCss = 0
Then you must/can include a copy of t3sbootstrap.css without the FA icons.

I hope that helps!

[t3solution]

... sorry the constant must of course be set to 1:
bootstrap.config.disableDefaultCss = 1

[Sunusually]

This is actually the workaround we are using.
We set bootstrap.config.disableDefaultCss = 1 and move the content into our own t3sbootstrap.css.

In the CSS file, only the icons required by t3sbootstrap are referenced. However, for example, the file t3sbootstrap/Resources/Public/Styles/webfonts/fa-solid-900.woff2, with nearly 350 KB, is often one of the largest loaded files, which I would like to avoid.

It would be great not to need a workaround – especially since in TYPO3 version 12 or t3sbootstrap ≤ 5.3.18, the default styles were still included separately from the FontAwesome icons.

[Sunusually]

Thank you very much for the successful adjustment. I tested the new constant bootstrap.config.disableFaCss = 1 in

TYPO3 Version 13.4.20
PHP 8.3.28
t3sbootstrap 5.3.26

and it works as expected and hoped.