Return to previous page

Problem with the fonts on different browsers

This topic has 9 replies, 2 voices, and was last updated 5 years, 10 months ago ago by Rose Tyler

allbi

Participant

June 2, 2018 at 09:09

Hello
I’m having a problem with the front page fonts. And now I noticed that it has the same issue even on the demo. I’m using the Bike demo to build my website.
Its in the 3 banners just below the slider.
On Chrome the body text is tiny little
And on Firefox is giant and its pushing the button and subtitle outside the visible area.

Mozilla Firefox:
https://prnt.sc/jpugc8

Chrome:
https://prnt.sc/jpuglh

#194124 Copied

8 Answers

allbi

Participant

June 2, 2018 at 09:15

I’m sending the link to the website in the private content

Please, contact administrator
for this information.

#194125 Copied Theme version: 4.26 WooCommerce version: 3.4.1

Rose Tyler

Support staff

June 4, 2018 at 08:42

Hello,

I do not see the problem on our demo. Make sure that version of your browser is not very old. Also, you use other fonts and styling settings compare to our demo.
Please provide us with temporary wp-admin access in the Private Content so we can take a closer look and help you with the problem fixing.

Regards

#194158 Copied

allbi

Participant

June 4, 2018 at 09:17

I’m using the latest version of the browsers. This is a printscreen of your demo, where you can see the version of the browser as well.

Firefox:
https://prnt.sc/jqjuy5

Chrome:
http://prntscr.com/jqjvz8
http://prntscr.com/jqjw7d

I also checked it on another computer. The problem remains.

Please, contact administrator
for this information.

#194168 Copied

Rose Tyler

Support staff

June 4, 2018 at 09:56

Thanks for screenshots. Unfortunately, there is nothing much we can do about it as this is due to the font’s hinting. Different OS/Browser combinations will result in different renders of the same font. You can find more information about fonts behavior in different browsers via google.
In this case, the best way to fix the problem and achieve correct displaying your content in different browsers is find out appropriate settings for the text content of banners.
For now, I can’t say for sure what exact combination of settings should be used; http://prntscr.com/jqkh3a let us know once we finish the editing of this page, so we can make some tests.

Regards

#194173 Copied

allbi

Participant

June 4, 2018 at 10:01

Thank you. I will contact you again when I’m done with editing the page.

#194175 Copied

Rose Tyler

Support staff

June 4, 2018 at 13:53

Ok. Feel free to ask if you have any other questions.

Regards

#194206 Copied

allbi

Participant

June 13, 2018 at 09:45

Hellо,

I’m done editing my front page. You can now log in into my website with the user and pass I gave you in the previous post.

#194806 Copied

Rose Tyler

Support staff

June 13, 2018 at 10:23

Hello,

Please edit Mask text of 3 your banners – https://prnt.sc/judz4j font-size: 1.3rem;

Regards

#194813 Copied
Viewing 9 results - 1 through 9 (of 9 total)