Added offline font.

[chase-west]

Related issue

Closes #1031

Context / Background

• Added offline font for Montserrat.

What change is being introduced by this PR?

• I added a offline font family.
• I changed the source for the font family.
• It allows the font to change when offline.

How will this be tested?

Check if font works when offline.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (26f5d4c) 79.37% compared to head (4d0a82b) 79.40%.
Report is 11 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1034      +/-   ##
==========================================
+ Coverage   79.37%   79.40%   +0.03%     
==========================================
  Files          21       21              
  Lines        1275     1277       +2     
  Branches      189      189              
==========================================
+ Hits         1012     1014       +2     
  Misses        263      263              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[araujoarthur0]

Thanks for the PR!

It seems we only require two of the fonts from the family.
Could we commit only these two then?
And could you document in the .css file where you got it from, in case we need the other fonts in the future?

[araujoarthur0]

This file doesn't need to be committed, nothing changed in the package.

[chase-west]

Thanks for the PR!

It seems we only require two of the fonts from the family.

Could we commit only these two then?

And could you document in the .css file where you got it from, in case we need the other fonts in the future?

Sorry it appears I didn't explain well. It only uses those 2 fonts when offline not the entire family. And yes I can document it.

[araujoarthur0]

In that case, let's commit only those two we need and not the whole family to have a smaller footprint in the repo.

[chase-west]

In that case, let's commit only those two we need and not the whole family to have a smaller footprint in the repo.

Done.

[araujoarthur0]

Is this one required?

[chase-west]

Needed to change styles

[araujoarthur0]

Is this one required?

[chase-west]

Needed to change styles

[tupaschoal]

@chase-west can you please undo any changes on the package-lock.json? It should have not been necessary to touch it for the PR

[tupaschoal]

@chase-west ?

[chase-west]

@chase-west can you please undo any changes on the package-lock.json? It should have not been necessary to touch it for the PR

I honestly have no idea how to do that I've tried

[araujoarthur0]

https://devconnected.com/how-to-remove-files-from-git-commit/
For more instructions on removing a file from a commit

[tupaschoal]

@araujoarthur0 I have reverted the changes to package-lock.json, but I haven't tested the PR, can you check, please?

[araujoarthur0]

I've also changed the PR to use the variable weight font instead.
From my testing, this new font increased the font size and weight in some places in the tool, even though the actual font size and weight numbers are the same. My guess is because the format changed from woff to tty, but I'm not knowledgeable enough in this area to comment further. I've adjusted the sizes manually by comparing against the previous screen size occupied by the text.
I've only done this in Windows, though.

@thamara, could you check in Mac if the text sizes look the same before and after this PR?
For example the preferences window looked 1.5x bigger for me before adjusting it.

[thamara]

I've checked this PR on Mac and everything seems fine.

With this PR:

With the main branch:

[thamara]

\changelog-update
Message: Fix [#1034]: Preserving TTL font when offline
User: chase-west

[thamara]

Thank you all.