I want that Evernote-Web browser application use "Source Code Pro" font family, how can we achieve that?

Evernote-Web use the following rule for the font-family

font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif

Fedora 34 have installed Cantarell font by default, but the problem is that there is no

  • Canatrell Medium (500)
  • Cantarell SemiBold (600)

fonts weight and when those fonts are required in the evernote web application for titles or subtitles it use Cantarell Regular (400) or use something to generate or simulate that and it doesn’t look good.

Screenshot from 2021-09-10 20-42-28

For that reason want to use Source Code Pro or any other font-family with variant weight there.
If anyone know a way to use achieve that, please share with the community the solution.

Source Code Pro @ Google Fonts

wget -O /tmp/source-code-pro.zip \
    "https://fonts.google.com/download?family=Source%20Code%20Pro"
unzip -o /tmp/source-code-pro.zip "*.ttf" -d ~/.local/share/fonts
fc-cache -f

Firefox > ☰ > Settings > Fonts > … > Source Code Pro