Я делаю простые игры в HTML5, в некоторых из которых используются графика спрайта. Высокопроизвольные изображения просты: вы рисуете свой спрайт с минимальным разрешением, масштабируйте элемент до желаемой ширины и высоты , добавьте флаги CSS-изображения-Рендерринг: Pixelated; Рендерринг изображений: Crisp-Edges; Чтобы сохранить острые ребра. Мой текст выглядит гладким и в высоком разрешении, которое ломает стиль. Так же, как есть Rendering-Rendering для графики, кажется, есть свойство текстового Рендеринга CSS, но я не вижу, как его можно использовать для достижения эффекта.
Подробнее здесь: https://stackoverflow.com/questions/719 ... harp-edges