CEF - 使用 Chromium 嵌入式框架时某些字体图标不可见

Question

我们在 WPF 应用程序中托管 CEF，其中一个应用程序使用 CefSharp，该应用程序的 UI 是使用 ExtJs 6.7.0 构建的。一切似乎都工作正常，除了一些字体图标不可见，如所附屏幕截图所示：

我们正在使用 NuGet 提供的最新稳定版本的 CefSharp。以下是清晰图标的 css 示例，可以在常规浏览器上完美运行：

.x-cleartrigger .x-icon-el:before {
    content: 'clear';
}

有人可以帮忙解释为什么使用 CefSharp 在 CEF 中打开应用程序时字体图标不可见吗？

PS：Font-Awesome 图标工作正常，但其他图标则不然。

Answer 1

注释掉从“local”开始的行（例如字体系列：'Material Icons'）

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: /* local('Material Icons'),
    local('MaterialIcons-Regular'), */
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}