https://www.xfont.ru/ для html/css ttf нужно конвертировать в woff @font-face { font-family: my-font; font-style: normal; src: url("my-font.woff"); } Лучше использовать стандартные шрифты: http://www.hdsw.ru/?p=21 из-за большого размера файлов шрифтов.

https://getbootstrap.com/docs/5.3/examples/