Dear customer support, i'm configuring sliders for a new page, i added google font to the backend and put the css into the custom css. everything works. the google fonts are loaded correctly and showed.
the problem is that when i use google font, in the backend i can see them correctly but in the "timeline" panel and in the front end, the font looks like being cut (see screenshot)
in this case i'm using:
dancing script - big words
la belle aurore - the small sentence on the back
both from google fonts.
this happened also with other google font i tried to use before this screenshot.
there are two screenshots, one from backend "layer option" panel and the second one from the "timeline" panel. as you can see the red word "emozioni" is cut on the Z, also the F on "diamo forma"
I am sorry for the delayed reply. I was investigating more about this issue and it seems that it looks like a Safari render issue which is not present Under Chrome or Firefox. This issue is related to 2D / 3D transformation. If the element has text inside and it is "transformed" (which means, that moved / rotated, etc.), in some cases the overflow parts of the fonts are missing under Safari. I will try to find a possible solution (for example a CSS trick, or similar) to solve this problem. I'm sorry for the inconveniences.
Thank you for your time.I guess that is impossible to pretend to have and use this plugin and not use the animations and transformation! So i really hope you can fine a solution for that and maybe fix in the next releases too. Thank you,
Dear customer support, i'm configuring sliders for a new page, i added google font to the backend and put the css into the custom css. everything works. the google fonts are loaded correctly and showed.
the problem is that when i use google font, in the backend i can see them correctly but in the "timeline" panel and in the front end, the font looks like being cut (see screenshot)
in this case i'm using:
both from google fonts.
this happened also with other google font i tried to use before this screenshot.
there are two screenshots, one from backend "layer option" panel and the second one from the "timeline" panel. as you can see the red word "emozioni" is cut on the Z, also the F on "diamo forma"
how to solve?
Hello,
Are you using text transition on the specified layer?
Best Regards,
George | Kreatura Dev Team
sure, text transition
Could you, please create me a temporary wp-admin access? I would like to check some of the settings of the layers.
Best Regards,
George | Kreatura Dev Team
I am sorry for the delayed reply. I was investigating more about this issue and it seems that it looks like a Safari render issue which is not present Under Chrome or Firefox. This issue is related to 2D / 3D transformation. If the element has text inside and it is "transformed" (which means, that moved / rotated, etc.), in some cases the overflow parts of the fonts are missing under Safari. I will try to find a possible solution (for example a CSS trick, or similar) to solve this problem. I'm sorry for the inconveniences.
Best Regards,
George | Kreatura Dev Team
Thank you for your time.I guess that is impossible to pretend to have and use this plugin and not use the animations and transformation!
So i really hope you can fine a solution for that and maybe fix in the next releases too.
Thank you,
Marco