Streaming live at 10am (PST)

Different font on when showed on mobile / tablets


#1

Hello guys I hope you could help me.

I am making a site for a client. On the frontpage on the slider I have a headline, written with the font IMPACT. It works fine on computers, but when I see the website on a tablet / phone, it's another font. Is there a way to fix that?

Thanks.


#2

Can you share your public link?

When you uploaded the font file for impact in the dashboard, what type of files did you upload? (number of files and extensions). Where did you find the font files?


#3

Hi @vincent

Thanks for a quick reply.

Here is the public link.
http://offbeat.webflow.com/

I didn't upload any files, the font were already inside webflow, if that makes sence


#4

It makes a perfect sense that it's in webflow and I've never noticed it smiley

So, Webflow fonts are served by Google Fonts. It's possible that Google fonts, like Typekit, has hickups and that fonts at a time eren't served properly. But it shouldn't be persistent. That said I don't see impact on my mobile either...

BTW the link you give is only the link to the site. The public link, yougenerate it on your dashboard and it allows us to see inside the webflow project... maybe you did a weird thing with responsivity rules...


#5

Hi again @vincent smiley

Ahh sorry. Im new to webflow smile

Here you go: https://webflow.com/design/offbeat?preview=20742e582ad70f5d94889fe2ef4f633b

Maybe I should just try another font?


#6

I checked your public link and didn't see what you could have done wrong. It's just not working. I don't know why...
(ping @cyberdave)


#7

Hi @vincent ok thanks for your time. At the moment I will find another font to use then smile


#8

Hey I found something....

You have the 400 weight selected by default but the font is only declared at 700... The 400 isn't highlited as available in the dropdown.

So can you test to pass it to 700 and check on mobile again?


#9

Nope... I tested it with this page with no better results on mobile http://sab.webflow.com/font-test

edit : added some more fonts to the test and Impact is the only one bugging.

Impact makes perfect sense for your design, you should try another font of the same look. Something like http://www.fontsquirrel.com/fonts/passion-one?filter%5Bclassifications%5D%5B0%5D=blackletter&filter%5Bclassifications%5D%5B1%5D=sans+serif&filter%5Btags%5D%5B0%5D=heavy&q%5Bterm%5D=&q%5Bsearch_check%5D=Y


#10

Thank you so much for your time @vincent Yeah will try that font for sure. Looks awesome aswell


#11