0

I've noticed navigating through web pages that some of them always render with this font.

Example of font

And it gets worst when it renders headlines or other texts.

Image of a headline in a webside

Inspecting the elements, it says that the font is Open Sans, but is not.

Css capture

And when I delete the font in css it renders by default. font deleted default In my browser the default sans serif font is configured to be Open Sans. Which makes it weird because that's how it's suppose to appear, but instead shows a completely different font. What's going on? Is there a solution?

Computed Tab screenshot: screenshot

Maybe it's related to this? enter image description here

Errors in Inspector enter image description here

12
  • Please remember that if you want to show off what things look like, to use the actual markdown syntax for that. Even just adding that leading exclamation point, ![description](https://...), is usually more than enough to turn a bad post into a useful post. Right now, your post just links to the details, instead of showing them in the post itself. Commented Jun 15, 2022 at 23:39
  • I've tried, but because it's my first time using Stackoverflow, it says that I need at least 10 reputation to post images... Commented Jun 16, 2022 at 21:59
  • Note that what you're showing is just the CSS, not the actual computed/rendered style. In Chrome, click the "computed" tab rather than the "styles" tab for CSS, and in Firefox, click the "fonts" tab rather than "rules" tab for the CSS. Commented Jun 16, 2022 at 22:13
  • I've just checked the same page, the Computed tab, but at first look I don't see nothing weird. Commented Jun 16, 2022 at 22:53
  • doesn't matter: show what you see. If that tab says that the actual font is open sans, that's a problem worth digging into (note that this still doesn't say which font is being used, you're showing the "computed value" string but not the applied font; scroll all the way down to where it lists the actual rendered font). If not, it should tell you what it's fallen back to. Also remember to turn on everything in your console. Not just debug/error, but also warnings, and not just for JS but also CSS etc. then reload the page. Commented Jun 16, 2022 at 23:30

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.