Removing unused stylesheets (like fontawesome & ionicons)

Bootstrap Studio Help
1

Hello!

My final design seems to include various extra style sheets that I don't use/need: <link rel="stylesheet" href="/fonts/fontawesome-all.min.css"> <link rel="stylesheet" href="/fonts/font-awesome.min.css"> <link rel="stylesheet" href="/fonts/ionicons.min.css"> <link rel="stylesheet" href="/fonts/fontawesome5-overrides.min.css">

Obviously it's a performance impact to load unnecessary resources to the page. There doesn't seem to be a way to get rid of these. I'm using the bootstrapstudio.io so I don't have a way to change the final code before publishing. Does anyone know a creative way to get rid of these?

@Bootstrapstudio team: please add this as a future request.

Thanks all!

1 Like
2

The presence of these stylesheets in your HTML indicates you used some icons in your design. If you don't use any icons, these stylesheets won't be included.

3

Thank you Printninja! I didn't realize I chose different icons from different style sheets before. Loading one is fine with me but I want to make sure I don't load many. Consolidating now. Thanks for the help.