An open-use web application created for easy access, collaboration, and sharing of datasets through rich metadata search, filter, sort, and direct viewing in common industry applications or in our web-based 3D Volume Viewer.
Even though we have Open Sans listed in our stylesheet, Chrome and other browsers are actually rendering their default sans fonts (in my case, Helvetica). We're apparently using a broken stylesheet link in global.css.
Network calls to font api:
Chrome: 400 Bad Request
Firefox: The resource from blocked due to MIME type (“text/html”) mismatch
Safari: fails with no info (ty Safari)
Recommended change:
Replace current links with "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..700;1,300..600&display=swap" (link suggested by Google Font API) in index.html and global.css
May also require styling fixes, because we've been modifying font styling away from the Figma designs under the (incorrect) assumption that we were using the correct font and that it just LOOKED different on our site. This means should also verify instances of font-weight and font-size to make sure they match Figma specs
Even though we have
Open Sanslisted in our stylesheet, Chrome and other browsers are actually rendering their default sans fonts (in my case, Helvetica). We're apparently using a broken stylesheet link inglobal.css.Network calls to font api:
Recommended change:
Replace current links with
"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..700;1,300..600&display=swap"(link suggested by Google Font API) in index.html and global.cssMay also require styling fixes, because we've been modifying font styling away from the Figma designs under the (incorrect) assumption that we were using the correct font and that it just LOOKED different on our site. This means should also verify instances of
font-weightandfont-sizeto make sure they match Figma specs