Niewyraźne czcionki na FF

0

Mam taki problem.
Tworzę pewien serwis do którego używałem czcionki fontsquirrel.com/fonts/titillium załadowanej przy pomocy font-face w formacie woff. Wszystko było ok dopóki nie musiałem wymienić komputera. Po wymianie (takie samo jak poprzednie, ale odświeżone środowisko) odpalam swój projekt a tam na FF42 w/w czcionka wygląda tragicznie. Poniżej screen jak to wygląda tekst na 3 różnych przeglądarkach. Ma ktoś pomysł czym to jest spowodowane?

user image

0

https://stackoverflow.com/questions/11459746/webfont-smoothing-and-antialiasing-in-firefox-and-opera

Ale nigdy nie uzyskasz wyników 1:1 identycznych. Ludzie powinni pogodzić się z tym, że są różne urządzenia, różne ekrany, przeglądarki, różnie implementacje antyaliasingu, opcje ułatwionego dostępu i wiele innych bajerów przeglądarki (np. płynne przewijanie) - i ile utrzymanie generalnej koncepcji wiadomo, że jest potrzebne - to walka o identyczny każdy piksel mija się z celem, szczególnie, że klienci na stronę przychodzą po treść, a nie oglądać rodzaj użytego rozmycia czcionki ;)

0

@dzek69
Absolutnie się z Tobą zgadzam bo tak mniej więcej kumam te wszystkie mechanizmy. Mój problem polega na tym, że to było wyświetlane niemal identycznie jak na Chrome lub IE, jednak gdzieś w międzyczasie szlag to trafił.

0

No to zainteresuj się linkiem, który wkleiłeś. Masz tam wszystko, czego możesz spróbować, choć to prędzej spowoduje "wychudzenie" czcionki na Chrome niż pogrubienie jest na FF.

0

Fun fact - u mnie (na lcd) na Twoim screenie tylko wersja firefoxowa jest wyraźna, IE i chrome są rozmazane ;). (Z oczywistego powodu screena nie wrzucę).

Dlaczego - chrome i IE u Ciebie stosują subpixel rendering (https://en.wikipedia.org/wiki/Subpixel_rendering, pomaga z widocznością na niektórych monitorach), firefox nie. Powiększ zdjęcie żeby to zobaczyć:

IE/Chrome:
047b7b53a1.png

Firefox:
1eaba4bf8a.png

Rozwiązanie - włączyć subpixel rendering. Jest od tego preferencja w systemie, może masz systemowo wyłączony np. Nie szukałem jak to zrobić, to już kwestia implemenacyjna, pewnie gdzieś w google znajdziesz :P.
Pierwszy wynik, może będzie pomocny - https://bugzilla.mozilla.org/show_bug.cgi?id=566523

1 użytkowników online, w tym zalogowanych: 0, gości: 1