fonts display bad

[ajoposor]

font display bad. with points.

En el celular ok.

[ajoposor]

Resources to review:

https://stackoverflow.com/questions/11487427/is-there-any-font-smoothing-in-google-chrome/19582105#19582105

https://stackoverflow.com/questions/37301132/chrome-overall-font-rendering-issue-2016

https://www.adtrak.co.uk/font-face-chrome-rendering/

https://productforums.google.com/forum/#!topic/chrome/pXTKANTZE2I

https://productforums.google.com/forum/#!topic/chrome/CFttpwTyxBw

https://groups.google.com/a/chromium.org/forum/#!topic/chromium-dev/WzivQg8_drw

https://davidwalsh.name/font-smoothing

https://stackoverflow.com/questions/11487427/is-there-any-font-smoothing-in-google-chrome

https://plus.google.com/+aerotwist/posts/NZ5XCUSoKkB

https://superuser.com/questions/819535/what-exactly-is-the-difference-between-grayscale-and-rgba-font-anti-aliasing

https://bugs.chromium.org/p/chromium/issues/detail?id=137692

http://www.joe0.com/2016/10/03/fix-bad-fonts-in-chrome/

[ajoposor]

used chrome://flags -> LCD antiliasing Enabled.

But not satisfied with this solution because the font already displayed fine on google fonts. so my site is not handling fonts the same way. want to find a solution without having to use chrome flags

[ajoposor]

https://fonts.google.com/?query=ubuntu&selection.family=Ubuntu

https://developers.google.com/fonts/docs/getting_started

[ajoposor]

Ojo que el svg parece que ya no lo soporta chrome, buscar solución para versión reciente:

CONFIRMED BY GOOGLE: Note: There's technically another container format, the SVG font container, but IE and Firefox never supported it, and it is now deprecated in Chrome. As such, it's of limited use and it's intentionally omitted it in this guide.

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization

https://graphicdesign.stackexchange.com/questions/5162/how-do-i-embed-google-web-fonts-into-an-svg

https://codepen.io/chriscoyier/post/wordpress-4-7-1-svg-upload

[ajoposor]

font-smooth is not standard https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth

[ajoposor]

https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

[ajoposor]

about host fonts:

https://www.news47ell.com/how-to/host-google-fonts-locally-wordpress/

https://www.elegantthemes.com/blog/tips-tricks/how-to-use-google-fonts-on-your-wordpress-website

about adding fonts: http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/

[ajoposor]

about fonts: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization

Note: There's technically another container format, the SVG font container, but IE and Firefox never supported it, and it is now deprecated in Chrome. As such, it's of limited use and it's intentionally omitted it in this guide.

[ajoposor]

BEST INFORMATION: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization

[ajoposor]

http://typecast.com/preview/google/Ubuntu

[ajoposor]

https://developers.google.com/fonts/docs/getting_started

[ajoposor]

also enabled in Chrome://flags

Material Design in the rest of the browser's native UI Mac, Windows, Linux, Chrome OS

but don't like the idea.

[ajoposor]

Still both of chrome changes don't fix the problem

[ajoposor]

changed font to Raleway y funciona mucho mejor. Desactivadas opciones de Chrome://flag, dejadas en Default.

[ajoposor]

bold is translated by betheme to 700 in google fonts. so both 300 and 700 are loaded.

[ajoposor]

close issue.