Какие стили задать шрифту?

Question

[nikolay55rst]

Всем привет.

Проблема с отображением стороннего шрифта circe, именно, "с качеством", размытый/рябью не поймешь как )) - размер поставил 13px если от 16 и больше то уже отлично смотрится.

Небольшое наблюдение в фотошопе:

В CSS чужого сайта задан цвет #020202, но при увеличении до 1600% и клике пипеткой видно несколько цветов, синий и другие. Никаких свойств для данного шрифта не задано, ни тени ничего.


На моем, только один цвет, если можно так сказать. Свойств тоже нет. Игрался со сглаживанием,

{ -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility:    hidden !important;
  -ms-backface-visibility:     hidden !important;}

что только не делал, в хроме еще как-то пойдет но в Edge просто глаза режет, в общем, нужного результата не принесло, шрифт где-то рябью где то мутный, нету четкости в нем.
Объясните плиз, как добиться нормального отображения.

Answer 1

[Нерон Лордов]

В графредакторе почти бесполезно оценивать рендеринг шрифта. Проще потестировать и подобрать оптимальный размер в простеньком html прямо в браузере.

Comments

[nikolay55rst]

задача не ток подобрать размер, размер я к сожалению не могу сделать больше, там боковое меню со скроллом и т.д, я просто хочу понять почему стили одни и те же/размер но выглядят иначе, я в фотошоп полез только после того как в браузере увидел разницу, думал может на стороннем сайте название фонта только circe/такое же а на деле другой, но нет..а почему отличия такие? синий цвет откуда-то..это стили или что-то другое? Можно причины навскидку, спасибо!

[Нерон Лордов]

nikolay55rst, просто графредактор визуализирует цвет несколько иначе - сколько не приближай, будет черный (и серый на границах из-за антиалисинга), хотя любой цвет на мониторе это смешение красного, зеленого и синего излучений.

И рендерятся шрифты по-разному почти что везде - в ОСи, браузере, прочих программах. Тут уже надо глубоко лезть в технологии