Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   font-face шрифты и canvas (https://javascript.ru/forum/xhtml-html-css/45328-font-face-shrifty-i-canvas.html)

Fairy-Wilbury 26.02.2014 04:20

Мда... В результате экспериментов было установленно, что если уменьшить канвас в полтора раза, увеличить шрифт пропорционально и при правильном расположении по вертикали (!) Файерфокс начинает отобржать шрифт равномерно 0_о Пойду думать, что с этим делать.... :lol:

Aetae 26.02.2014 04:59

Кстати. Пробовали начинать отрисовку текста с полупиксельных позиций (0.5,0.5 вместо 0,0 например) ?

Fairy-Wilbury 26.02.2014 05:07

Aetae,
Попробовала сейчас - ноль эффекта :cray:

kostyanet 08.03.2014 05:48

Цитата:

Сообщение от Fairy-Wilbury
Вот скриншот в Firefox:

Ответ был выше, вы его просто не поняли. http://en.wikipedia.org/wiki/Font_hinting есть на русском.

kostyanet 08.03.2014 06:04

Цитата:

Сообщение от Aetae
Кстати. Пробовали начинать отрисовку текста с полупиксельных позиций (0.5,0.5 вместо 0,0 например) ?

Это все бубен. Двигать смысла нет, можно раздвигать и сдвигать (трекинг), плющить и таращить (масштабировать), уменьшать кегль, увеличивать кегль по чуть-чуть в надежде что глифы более-менее впишутся в пикселы.

Fairy-Wilbury, шрифт с сервера, или с гугля? На гугле фирменные: хинты и кернинг тщательно проработаны, некоторые даже с лигатурами.

Вы хоть одно слово поняли? :) И не надо. Вам самим сделать хинтинг с кернингом не светит, а без этого на маленьком кегле вы получите заведомо какаху, а не отпечаток.

Кстати, откуда взялась попытка сглаживания на процитированной вами фотке я не понял. Это ФФ что ли теперь сглаживает все что ему попадется в канвасе? Была недавно тема про сглаживание линий. В период ознакомления с канвасом шрифты не сглаживались в ФФ вообще.

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

Вы можете проверить свой шрифт в ФШ, или в любом другом растровом редакторе который умеет рендерить системным движком (то есть осевым). Задайте такой же кегль, выберите системный рендлер и посмотрите что получится на том же слове.


Часовой пояс GMT +3, время: 10:23.