Rozmazane znaki w aplikacji z electron

Question

Cześć,

mam pytanko do osób, które miały okazję pracować z electron tworząc aplikacje "pseudo" desktopowe. Zrobiłem apkę z użyciem electrona, ale niestety wszystkie znaki są lekko rozmazane w porównaniu do odpalenia tej samej apki (ale nie poprzez electrona) bezpośrednio w Chrome, Firefox itp.

Miał ktoś podobny problem, bo nie wiem czy wina leży w Chromium i może da się to rozwiązać jakimiś specyficznymi dla tej przeglądarki CSS'ami? Ewentualnie może zmiana jakiś ustawień dla electrona? Będę jeszcze przeszukiwał dokładnie docs, SO itp. ale niestety czas mnie nagli co do decyzji czy się podejmę apki desktopowej dlatego piszę również tutaj.

Tak na marginesie aby uciąć ewentualną krytykę JS i desktop app - mam tę apkę w wersji "tradycyjnej SPA" ale zostałem poproszony o jej zrobienie w formie desktopowej i to rozwiązanie jest dla mnie najszybsze, tym bardziej, że apka to w zasadzie obecnie sam front z localStorage (prosta apka dedykowana, ale jeśli wszystko się pozytywnie rozwinie to w przyszłości dojdzie API z bazą i tutaj również JS z electronem ułatwi mi sprawę, tym bardziej, że mogę od razu w React/redux przygotować się na to).

Kwestia wydajności apki jest tutaj sprawą drugorzędną (dla osób chcących porównywać electron do czystego C++/Java). Generalnie electron w pełni mnie zadowoli w tym wypadku, tylko kwestia tego rozmazywania znaków... Nie jest to może bardzo uciążliwe, ale jednak nieco mało komfortowe.

Answer 1

Jeśli mówimy o Windowsie, to Chromium nie umie w czcionki – sprawdziłbym, czy to nie jest przyczyną. Wiem, że rozwiązaniem było włączenie antyaliasingu w chrome://flags. Na pewno taką flagę da też się włączyć dla electrona.

Comments

Dzięki, próbowałem tylko z poziomu CSS ale spróbuję włączyć "--enable-font-antialiasing" dla chrominium, w którym odpala się apka. Tak się zaciąłem na CSS, że nie pomyślałem o innym podejściu do problemu...

---

O ile mnie pamięć nie myli, w moim wypadku pomogło to: https://stackoverflow.com/a/37603771

---

Na win10 jest wszystko ostre i wyraźne, problem występuje tylko na win7 i tutaj włączenie antialiasing nie do końca rozwiązuje problem. Udało mi się jednak dobrać nieco inną czcionkę, która w sumie i na win7 wygląda oki więc na razie tak to zostawię i na koniec najwyżej wrócę do tematu (tak wiem, mało profesjonalne ale gdy czas goni trzeba się ratować jakoś :)

Doczytałem, że można ustawiać flagi dla Chromium w electronie więc będę szedł w tym kierunku tak jak radzisz. Na SO znalazłem również rady aby poeksperymentować z wersją electrona więc zobaczymy co z tego wyjdzie :)

Dzięki za pomoc i nakierowanie gdzie szukać problemu.

Answer 2

Ponieważ jest to dla mnie sprawa dość pilna to wyjątkowo pozwolę sobie raz podbić pytanko, może znajdzie się na forum jakaś dobra dusza chętna do pomocy :)

W między czasie próbowałem sam szukać odpowiedzi, ale niestety nic nie udało mi się w tej kwestii zdziałać. Próbowałem z właściwościami font-smoothing o czym wspominali niektórzy w github issue i na SO ale niestety nie pomaga to.