allen-cell-animated / website-3d-cell-viewer

Other
5 stars 5 forks source link

feature: Open Sans font files #214

Closed ShrimpCryptid closed 4 months ago

ShrimpCryptid commented 4 months ago

Estimated review size: small, 10 minutes

Removes the Merriweather Sans and Overpass font files and replaces them with Open Sans. This change ensures that the viewer looks the same even when embedded!

We are importing Open Sans from Google Fonts, which means that it should work in almost all browser contexts. For full compatibility with older browsers, however, we need to include the WOFF, WOFF2, TTF, EOT, and SVG file formats. (https://css-tricks.com/snippets/css/using-font-face-in-css/#h-deepest-possible-browser-support)

Google Fonts will also not work in contexts without internet access, so having these fonts embedded in the project ensures that the viewer will look consistent.

Google Font Font Files
image image

There are some super minor differences between the fonts included (500 vs. 600 weight on the semibold) but otherwise they should look identical.