主页 / 问题 / 1376474
Accepted
Jostar
Asked:2022-06-30 01:23:02 +0000 UTC2022-06-30 01:23:02 +0000 UTC

如何为自定义字体重新着色

  • 772

我下载了 Cimero Pro 字体，看起来像这样。一 但我需要完全相同的字体，只有全白，而不是多色。我向 css 添加了属性以用颜色填充字体，但这仅适用于基于 Chromium 的浏览器，在 mozilla 和 safari 中，字体也以不同的颜色显示

.header__title {
  font-size: calc(72px + 88 * (100vw / 1920));
  line-height: 0.9;

  -webkit-text-fill-color: white;
  -moz-text-fill-color: white;
  -ms-text-fill-color: white;
}
<h1 class="header__title">Ведущие мастера по декоративной краске и штукатурке</h1>

告诉我如何解决这个问题并使所有浏览器中的字体完全变白？

html

1 个回答

  1. Best Answer

    我会寻找过滤器，例如（为您的字体选择参数）：

    .header__title {
  filter: brightness(30) grayscale(1);
  mix-blend-mode: screen;
}
    • 2

相关问题