У меня пиксельный шрифт (т.е. при размере 10 пикселей символы в точности состоят из частей шириной в 1 пиксель). Я использую его на своей веб-странице, но шрифт не отображается идеально по пикселям, и, похоже, есть проблема с четким типом (я думаю, как это называется?). Под этим я подразумеваю красные / синие пиксели, висящие вокруг, хотя цвет шрифта чистый белый. Вы можете увидеть это на изображениях ниже.
Два скриншота помогут вам понять мою проблему:
В настоящее время у меня есть это на моей странице html (отображено в Chrome):
Но я хочу это:
Как вы можете видеть на первое изображение, даже несмотря на то, что все текстовые блоки являются промежутками с одним и тем же css позади него, они не выглядят одинаково в зависимости от их положения на странице (я думаю, это потому, что они помещены в плавающую позицию вместо целое число, поэтому 1 пиксель выглядит как ~ 1,5).
Примечание: шрифт в настоящее время импортируется с @font-face в форматах .woff2 и .woff в указанном порядке.