Icon font not visible

Everywhere you can use Bootstrap icons via the icon font, they are not showing up. Do note that they show up by other means (like img and svg).

I am using Windows 10 , and this was tested on Chrome 105.0.5195.127 and Firefox 105.0.1.

[mdo]

Should be fixed now

[nitinprojects]

for now it can be fixed by downloading fonts https://github.com/twbs/icons/tree/main/font/fonts and loading them on you web page using @font-face.

@font-face {
  font-family: bootstrapIcon;
  src:  url('bootstrap-icons.woff2') format('woff2'),
        url(bootstrap-icons.woff') format('woff');
}

 .bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  font-family: bootstrapIcon !important;
}