faux-pas, Detecting Faux Web Font Rendering

From deep in the archives (4 years late!), filed under “things I built but never posted on my web site”:
When a browser uses a web font but doesn’t have an italic or bold variation available, it will attempt to fake it! This is also known as font-s…

From deep in the archives (4 years late!), filed under “things I built but never posted on my web site”:

When a browser uses a web font but doesn’t have an italic or bold variation available, it will attempt to fake it! This is also known as font-synthesis. For some people (including me) this can be hard to detect visually.

faux-pas is a project to help detect this behavior so that you can fix it!

  • npm install fg-faux-pas and include the script in your build. Or use the Bookmarklet!
  • Demo (includes the Bookmarklet!) and Test Page
  • View on: GitHub or npm
  • Retweet

node-faux-pas is a project to run faux-pas on the command line:

  • npm install -g node-faux-pas
  • e.g. fauxpas https://www.zachleat.com/
  • View on GitHub or npm
  • Retweet

Print Share Comment Cite Upload Translate
APA
Zach Leatherman | Sciencx (2024-03-29T08:32:44+00:00) » faux-pas, Detecting Faux Web Font Rendering. Retrieved from https://www.scien.cx/2016/12/13/faux-pas-detecting-faux-web-font-rendering/.
MLA
" » faux-pas, Detecting Faux Web Font Rendering." Zach Leatherman | Sciencx - Tuesday December 13, 2016, https://www.scien.cx/2016/12/13/faux-pas-detecting-faux-web-font-rendering/
HARVARD
Zach Leatherman | Sciencx Tuesday December 13, 2016 » faux-pas, Detecting Faux Web Font Rendering., viewed 2024-03-29T08:32:44+00:00,<https://www.scien.cx/2016/12/13/faux-pas-detecting-faux-web-font-rendering/>
VANCOUVER
Zach Leatherman | Sciencx - » faux-pas, Detecting Faux Web Font Rendering. [Internet]. [Accessed 2024-03-29T08:32:44+00:00]. Available from: https://www.scien.cx/2016/12/13/faux-pas-detecting-faux-web-font-rendering/
CHICAGO
" » faux-pas, Detecting Faux Web Font Rendering." Zach Leatherman | Sciencx - Accessed 2024-03-29T08:32:44+00:00. https://www.scien.cx/2016/12/13/faux-pas-detecting-faux-web-font-rendering/
IEEE
" » faux-pas, Detecting Faux Web Font Rendering." Zach Leatherman | Sciencx [Online]. Available: https://www.scien.cx/2016/12/13/faux-pas-detecting-faux-web-font-rendering/. [Accessed: 2024-03-29T08:32:44+00:00]
rf:citation
» faux-pas, Detecting Faux Web Font Rendering | Zach Leatherman | Sciencx | https://www.scien.cx/2016/12/13/faux-pas-detecting-faux-web-font-rendering/ | 2024-03-29T08:32:44+00:00
https://github.com/addpipe/simple-recorderjs-demo