The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 08-09-2017, 08:08 AM
ladyelinberlin's Avatar
ladyelinberlin is offline
Junior Member
 
Join Date: Aug 2017
Posts: 1
Default

Slowly responsive font


How can we help you?

Please provide the link to your storefront
https://ladyelinberlinstore.ecwid.com/

Hello guys, firstly, thank you so much for ecwid platform. I true its simplicity. However I came into few detials that are bothering me a bit.

1 - I changed title font in CSS - now it's set up for "Gruppo" font. Bbut when I reload the mainpage, there is old font visible for 1 second until it switchs to Gruppo font So I see some delay in responsive side of page. It there a way to prevent this?

2 - When sharing shop using Share button in the upper right corner, a FB pop up sharing window appears (so far so good), but I cannot edit the content of FB post. FB is taking info from the website for preview and I would like to edit this so that once someone shares my shop, people will see a great description, title etc on FB post.

3 - on mobile device, the Gruppo font is not support at all. The font looks like Times New Roman

Thank you so much

Last edited by ladyelinberlin; 08-10-2017 at 04:54 PM.
  #2  
Old 08-15-2017, 02:38 PM
Alex Flint's Avatar
Alex Flint Alex Flint is offline
Ecwid Team
 
Join Date: May 2017
Posts: 106
Default

Hello,

It's Alex Flint from Ecwid Team. I'm here to help you.

Quote:
I changed title font in CSS - now it's set up for "Gruppo" font. Bbut when I reload the mainpage, there is old font visible for 1 second until it switchs to Gruppo font So I see some delay in responsive side of page. It there a way to prevent this?
Let me explain this behavior. When a website (for example, your Ecwid store) is loading, it takes some time for your browser to load all of the website's styles. To mitigate some of the risk of a slow font download, most browsers implement a timeout after which a fallback font will be used to display the text. The fallback fonts are described in the font-family property in CSS code after the intended one. For example, if I apply this CSS for texts in my website:

Code:
p {
    font-family: "Gruppo", Arial, cursive;
}
The following logic will work:

1. Browser tries to load the first font (Gruppo) from the list.
2. In case a font was not loaded during the timeout (or is not supported by the browser), it tries to use the next (fallback) font from the list (Arial). If this font is unavailable too, it tries the next one (from the cursive family)
3. If none of the fonts is available at the time, the browser uses the default font.
4. Once the intended font is loaded, the text is re-rendered with the intended font.

This is how browsers work. Though you can select, which font to load for the time intended one is loading, you can't disable this behavior. You can read more on the topic in the article on Font-family Property at w3schools.

Quote:
on mobile device, the Gruppo font is not support at all. The font looks like Times New Roman
Some browsers don't support certain fonts. That's why it is important to describe fallback fonts in CSS when setting a custom font for some texts on your website. With fallback fonts listed in the font-family property, you will be able to control, which font is loaded in case a browser doesn't support the intended font.

Quote:
When sharing shop using Share button in the upper right corner, a FB pop up sharing window appears (so far so good), but I cannot edit the content of FB post. FB is taking info from the website for preview and I would like to edit this so that once someone shares my shop, people will see a great description, title etc on FB post.
When someone shares a link to your store using the "Share" button (screenshot) on your starter site, Facebook takes your Starter Site's cover image (screenshot) and some texts from the store page, like the store name (screenshot) to generate the link preview.

You can edit your starter site's contents in your Ecwid Control Panel > Settings > General > Starter Site > Edit Starter Site
(screenshot). The changes will be reflected on the link preview, that Facebook generates for your store. However, you can't edit the preview contents manually — it is generated automatically.

Here are some useful links for you:

Hope I was helpful. If you have any other questions — feel free to ask.
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
css, font, sharing

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:18 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.