CODEWITHSUNDEEP
cssmobilefonts
mhlavacka
mhlavacka

Reputation: 91

How do I get the same looking font in mobile as in pc browser?

I'm using font-family: "Proxima Nova Alt", "Helvetica Neue", Helvetica, Arial, sans-serif; but it looks terrible on mobile comparing to pc browser. How do I get the same looking result for mobile ?

enter image description here

Upvotes: 1

Views: 645

Answers (1)

plushyObject
plushyObject

Reputation: 1131

@ingridly is right. I would guess those fonts are appearing on your desktop because they're installed on your desktop's OS. You have two ways to do this:

1) You need to find them in Google Fonts, TypeKit, or other third-party cloud-based font solution. They provide ways to reference them through CSS, HTML, and JS.

2) Distribute the fonts and actually put the font file in a /font directory (can be called whatever...but /font works), and then reference the file using @font-face

They're defaulting to Helvetica or Arial on mobile because they're not installed on that device.

Hope this helps!

Upvotes: 3

Related Questions