一些 Tabler 字体图标显示为已填充

Some Tabler font icons appearing filled

我正在尝试通过 classNames 在我的项目 React typescript 项目中使用 Tabler icons,但由于某些未知原因,一些图标显示为已填充。请注意,我的CSS技能不太好。

库自带

  1. 字体图标
  2. PNG 图标
  3. 和 SVG 图标

当我检查字体图标时 some icons appear completely filled and because of this when I try to access them like className="ti ti-discount" I get icons that look like while the SVG and PNG counterparts look like ,我很困惑,我该如何解决这个问题?

对于看到此问题的任何人,发布者在此处创建了一个 GitHub 问题:https://github.com/tabler/tabler-icons/issues/102. According to the project's maintainer, the problem should be solved in the near future (I'd guess early 2021): https://github.com/tabler/tabler-icons/pull/92