I have embedded a JS script on my Cookie Declaration page from Cookiebot.
When I apply font and font color to HTML embed, it changes the font successfully, however the font looks like over sharp, not antialiased or something like that. This only happens in Safari, Chrome is perfectly fine
I’ve tried pasting this into HTML embed, but still no luck.
Hi @radmitry, can you help to share the published site link? font styles can render differently for different browsers, it helps to see the published site.
I am trying to add CookieBot into my site just like radmitry has
Would you be able to advice how we are able to add the Data Consent into Webflow?
It says it involves Attributes, however I have never used one in Webflow and I am abit confused as into how to set it up
Hi @radmitry, well, the font selection on the html embed probably have an impact, I think the solution is to look at the styles which are rendered on the elements on the published site, see what the class names are and then use some custom css to override those styles which are coming from the embed.
At least it had appeared to me that there was a stylesheet that was being used by the embed code from cookiebot.
Hi Dave, I thought of finding their paragraph classes with inspector and restyling them and I can do so…
However I have noticed there is something in their code or other pieces of stylesheet , which screws any text on the page.
So on this page, the header which says “Cookie Declaration” is actually a header I’ve pasted in Webflow, this is not a part of embed, but it is also being screwed in Safari.
Hi @radmitry, I was doing more checking on this issue and I do not think it is about the embed code (however I would not rule it out yet), but maybe rather the way that safari and chrome are rendering the text.
Here is a piece of css to add to the body css I gave previously, or you can try to apply the heading and font classes used.