Hi @Naaz , it seems you’re having an issue with a font-family mismatch. You want your project’s font family to be applied to the search widget, is that correct?

@Peeyush Yes

Okay, I’ll get in touch with my team and get back to you as soon as possible.

Thanks @Peeyush Waiting on it.

Could you share the script please for search widget which you were trying to inject?

For Inplace you have to give id="ygc-search-widget-root" to the element you want to render your Search Widget in. The widget will be rendered inside the element with this ID.

@Peeyush

<script>
    window.YGC_SEARCH_WIDGET = {
      id: "c8662275-386a-420c-8cdd-c4ad6175b2c2",
      type: "inplace",
    };
    (function () {
      var style = document.createElement("style");
      style.textContent = `
        #ygc-search-widget-root#ygc-search-widget-root * {
          font-family: inherit;
        }
      `;
      document.head.appendChild(style);
      var script = document.createElement("script");
      script.src = "https://search-widget.yourgpt.ai/script.js";
      script.id = "ygc-search-widget-script";
      document.head.appendChild(script);
    })();
  </script>

I've added few fixes in the script could you please test it, give a hard refresh please, sometimes the old one's are cached aswell.

@Peeyush This has not helped, the Inter font is still coming. What to do now?

<script>
window.YGC_SEARCH_WIDGET = {
      id: "c8662275-386a-420c-8cdd-c4ad6175b2c2",
      type: "inplace",
    };
    (function () {
      var style = document.createElement("style");
      style.textContent = `
        #ygc-search-widget-root#ygc-search-widget-root * {
          font-family: "Lato", sans-serif !important;;
        }
      `;
      document.head.appendChild(style);
      var script = document.createElement("script");
      script.src = "https://search-widget.yourgpt.ai/script.js";
      script.id = "ygc-search-widget-script";
      document.head.appendChild(script);
    })();
</script>

Try this instead ☝️ "Lato", sans-serif is the font you are using I suppose, whichever font family you are using, you can replace it with the current font family in the script and then try

@Peeyush Still the same issue is occuring.

I will consider this issue with my team, and will get back to you soon.

@Peeyush Any updates?

hello @Naaz
What font family would you like for the widget? I can see you have multiple font families used on your website.

@Sahil based upon html tags it needs to be Montserrat and lato

@Sahil Any updates?

The font on your widget is already in Lato, as you mentioned above.

After inspecting the issue, I noticed that the Inter font family is being applied from the ID ygc-search-widget-root, which is currently interfering with the website’s default fonts. Would it be possible to update it to use the website’s font families : Lato and Montserrat ; instead? This should resolve the font inconsistency issue across the site.

Please check now it has been removed.

Thank you for your support @Sahil This is resolved , you can mark this closed.