Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Font displays differently on different browsers

Recommended Posts

Posted (edited)

I am having some issues with a font (Proxima Nova Condensed) displaying differently on different computers and browsers. My teammate and I are both on Macs version 10.15.4 with all browsers up to date. 

Here's the goal:

chrome - this is the goal.png


With the css like this, it works perfectly on my computer (chrome and firefox) but shows up with regular weight and not condensed on my teammates computer. It also has regular weight and is not condensed when I use safari. 

Safari version:



When I change the code to this:

chrome - version 2.png


It works on all of my browsers but shows up with a regular font weight rather than thin. Adding !important to font-weight didn't change anything. Any help is greatly appreciated! Ideally we'd like to use Proxima Nova Condensed Thin. 

Edited by MMCAC
moving pictures around

Share this post

Link to post

Update: I developed a work-around to get all the fonts to display correctly. First I changed all header fonts to Proxima Nova Condensed with a font-weight of 200px. Then I changed h2, h3, and h4 back to Proxima Nova with a font-weight of 600px using CSS. So far this has been the only way I've been able to get a thin Proxima Nova Condensed font to show up on Chrome, Firefox, and Safari.

If anyone knows a better way of doing this, I'm all ears!

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...