如何否决@media print的Bootstraps Css text-shadow / box-shadow

Question

使用Bootstrap4我面临的问题是，在打印时，字体图标会显示为存在编码问题（矩形而不是图标）。 通过在bootstrap.css中注释以下行来快速解决问题：

@media print {
  ...
//  *::first-letter,
  ... {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }

每次使用较新版本的Bootstrap时，我们都必须反复评论此行。这可能会导致问题，因为我不是唯一一个处理这个特定项目的web-dev。

通常我会在项目特定的css文件中写入text-shadow和box-shadow的默认值，但实际上＆＃34; none＆＃34;是默认值。 不知道为什么设置默认值会弄乱font-icons。

任何人都有类似的文字和盒子阴影问题并找到了解决方案吗？

thanx，kr，MH

更新（问题解决）：

我终于设法解决了这个问题，并且它很简单。 当您使用FontAwesome时没有问题。 我们使用Fontello，如果有人在这里遇到同样的问题，那就是诀窍：

FontAwesome设置

.fa {display: inline-block;}

Fontello没有 - 只需将此添加到您用于CSS中字体的类中，您就应该感到高兴。