Why do these fonts look different when the computed font is the same?

Melody Scott
Melody Scott used Ask the Experts™
on
Client wants me to match the font and look here: https://www.exfo.com/en/

(We're just using a solid background for each until they pick images.)

I think I've done it here: https://techgardens.com/optical-engineering/services/ 

But this should be the same:

In Chrome elements, when I look at the computed section, they are the same. But they don't look the same.

Mine Services page:
services.JPG
Mine applications page:
apps.JPG
Theirs:
theirs.JPG
What am I doing wrong? I don't think it's a caching problem, I checked it in a browser that's never been there.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2018
Distinguished Expert 2018
Commented:
In CSS, the font-family tag provides a fallback method, so this:

font-family: Robot, Arial, "Microsoft...

will try to style using the Roboto font. If it can't find it, it will fall back to Arial.

Your Services page is loading the Roboto font from the Google Fonts website, so it gets used. Your Applications page isn't loading the Robot font from Google, so it falls back to using Arial

Author

Commented:
Interesting.. thanks. The font is available in the divi font selection, so I assumed t would be available on every page. I'll add it manually. Appreciate the help!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial