Streaming live at 10am (PST)

Incorrect font weight showing up in Webflow Editor (Safari)


#1

Hello,

I have developing a website: http://convidesign-com.webflow.io

I tried to set a font height for 500. It changes font weight in a designer, but once I publish a website. Online version has still normal font weight. Why I cannot change a font weight to 500?


#2

You have a custom font that you've uploaded. Have you uploaded multiple weights of that font? The only one that's loading on your page is this:

https://daks2k3a4ib2z.cloudfront.net/5717c04de449b71015e04fd1/5717da5440b3bdeb02779b2f_160126092006mark-simon-regular.woff

Can you provide a public share link so we can look into this a bit more?


#3

Here's how you can provide a public share link. Thanks! :wink:

https://help.webflow.com/article/how-do-i-share-my-sites-read-only-link


#4

https://preview.webflow.com/preview/convidesign-com?preview=7919e5f5f7345f7468e2776739f46f93

In my designer fonts look normal, but then I publish it doesnt appear as its in designer.


#5

It seems the share link isn't showing up for us:


#6

could you try this one?
https://preview.webflow.com/preview/convidesign-com?preview=63b7f9aef8acd6486fbb9892dcc565a3

you see. in a designer fonts are normal. But in my published page fonts are more thick: http://convidesign-com.webflow.io

what is causing this problem?


#7

What type of computer and monitor are you using? I am using a Mac Book Pro Retina Display and the font looks the same in both designer and live site. :wink:


#8

I use macbook air. Safari


#9

so why I see different font on my end than it is shown in a designer?


#10

What browser and version do you use?


#11

To be clear, the font weight of 500 is showing up in the published site. In fact, if you look at the published site in Safari, Chrome, or Firefox, it's displaying 500. Proxima Nova 500 is Proxima Nova's "Medium" font weight. What you're seeing in Safari before publishing (inside the Webflow Editor) is Proxima Nova's Light font (300). Yes, this behavior is odd in Safari, but 500 is what you've told it to do, and in the published site, 500 is what you're getting.

Here's a side-by-side using Safari on a non-retina display. Top is the published site, bottom is the Webflow Editor.

And here's the official font sample on Adobe's Typekit website, which demonstrates that you are indeed getting the font weight of 500 on your published site:

To summarize, this does seem like a bug in Safari or Webflow which is showing the incorrect font in the Editor. I've edited the post title and category to reflect this.


#12

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.