-
Notifications
You must be signed in to change notification settings - Fork 7
Fontawesome
Typesetter uses Fontawesome 4.7 , which is a bit old but in most cases sufficient (31KB against 95KB V6.6).
There is a FA 5.13 plugin, whose installation embeds Fontawesome 5.13 permanent, and also a v6.6 plugin for ckeditor (plugin.js line 22 fa42Path: ‘//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css’,….) which doesnt install the css in the theme.
1. The Bootstrap4-theme has in its heading 5 icons (in : installcheck.php and in include/install/Tools.php line 478 and evtl. – if You just updated the include-directory – also in data/extra/HeaderSocialMedia/page.php) with the code :
< a title="Twitter" class="fa fa-twitter" target="blank" href="https://twitter.com"></a> //6.6 fa-brands fa-x-twitter
< a title="facebook" class="fa fa-facebook" target="blank" href="https://www.facebook.com"></a> //6.6 fa-brands fa-facebook
< a title="Instagram" class="fa fa-instagram" target="blank" href="https://www.instagram.com"></a> //6.6 fa-brands fa-instagram
< a title="LinkedIn" class="fa fa-linkedin-square" target="blank" href="https://www.linkedin.com"></a> //6.6 fa-brands fa-linkedin
< a title="YouTube" class="fa fa-youtube" target="blank" href="https://www.youtube.com"></a> //6.6 fa-brands fa-youtube
< a title="Skype" class="fa fa-skype" target="blank" href="https://www.skype.com"></a> //6.6 fa-brands fa-skype
(Fa 6.6 also : fa-solid fa-triangle-exclamation // fa-solid fa-check // fa-solid fa-envelope // fa-solid fa-phone )
2. “X” is Twitter’s rebranded identity, envisioned by Elon Musk, who acquired Twitter in 2022 .
[The fa-x-twitter Icon is from FontAwesome Version 6.4.2 available](https://github.com/FortAwesome/Font-Awesome/issues/20222) :::
- https://fontawesome.com/icons/x-twitter?f=brands&s=solid —→ class=“fa-brands fa-x-twitter”
3. In the 3 functions.php of the 3 subthemes of the bootstrap4 – theme stands : 20 common::LoadComponents(‘bootstrap4-js,fontawesome’); - which has to be replaced by common::LoadComponents(‘bootstrap4-js,fontawesome6’);
P.S. You should have the newest include/tool/Output/combine.php and the updated thirdparty/fontawesome and thirdparty/js directories !
- An alternative is a bootstrap-icon : https://icons.getbootstrap.com/icons/twitter-x/
-or also very simple a white X
< i class=“fa fa-times” style=“color: white; font-size:18px;”>