RadzenIcon组件引入Bootstrap Icons（woff2格式）不显示问题求助

我目前使用RadzenIcon组件搭配内置的Material Symbols .woff2文件显示图标，功能正常。现在需要文件类型图标，打算引入Bootstrap Icons，已完成以下操作：

• 下载了Bootstrap Icons的.woff2字体文件；
• 在CSS中引入字体：

@font-face {
     font-family: 'Bootstrap Icons';
     font-style: normal;
     font-weight: 400;
     src: url("../fonts/BootstrapIcons.woff2") format('woff2');
 }

• 确认字体资源可访问，且为RadzenIcon设置了对应字体：

<RadzenIcon Icon="file-pdf" Style="--rz-icon-font-family: var(--rz-icon-font-family-files);"/>

（其中--rz-icon-font-family-files: "Bootstrap Icons";）

但图标并未显示，仅出现文本file-pdf。我还尝试了bi-file-pdf、bi bi-file-pdf以及各类编码：

• Unicode: U+F640
• CSS: \F640
• JS: \uF640
• HTML: 

想请教：

1. 是我的操作有误，还是RadzenIcon组件本身存在问题？
2. 如何判断一款字体能否像Material Symbols一样适配该组件？

附Radzen定义的图标组件类CSS代码：

.rzi {
  box-sizing: border-box;
  font-family: var(--rz-icon-font-family);
  font-weight: var(--rz-icon-weight, inherit);
  font-style: normal;
  font-size: var(--rz-icon-size);
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  font-variation-settings: "FILL" var(--rz-icon-fill), "GRAD" var(--rz-icon-grade), "opsz" var(--rz-icon-optical-size);
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

内容的提问来源于stack exchange，提问作者user2037559