css - 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; looks terrible on mobile comparing pc browser. how same looking result mobile ?

enter image description here

@ingridly right. guess fonts appearing on desktop because they're installed on desktop's os. have 2 ways this:

1) need find them in google fonts, typekit, or other third-party cloud-based font solution. provide ways reference them through css, html, , js.

2) distribute fonts , put font file in /font directory (can called whatever...but /font works), , reference file using @font-face

they're defaulting helvetica or arial on mobile because they're not installed on device.

hope helps!


Comments

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

gradle error "Cannot convert the provided notation to a File or URI" -

python - NameError: name 'subprocess' is not defined -