如何通过 css 从 Squarespace 中的嵌入式 zoho 表单更改字体系列？

Question

我想将我的嵌入式（通过 iframe）Zoho 表单的字体系列更改为 futura 或 futura pt。我正在使用 Squarespace，因此可以自定义 css。

这是我网站的URL：已删除

我试过这段代码 - 没有任何反应



 .tempHeadContBdr .frmTitle {
    font-family: 'futura';
    font-size: 33px;
    color: #030303;
    font-style: normal;
    font-weight: 500;
    font-weight: 5; 
}

在“检查模式”中，我可以更改字体系列。 embedded form

希望你能帮我解决这个问题！

后续修正： @Sagar Gaikwad：这是尝试添加样式参数的方式：

Answer 1

iframe 嵌入是独立的，因此不会应用来自您的 Squarespace 网站的 CSS。

理想情况下，您也可以将自定义 CSS 添加到您的表单提供程序，但不幸的是，Zoho 似乎不支持此功能。在他们的支持论坛上有很多关于它的问题，例如：https://help.zoho.com/portal/en/community/topic/how-do-i-change-a-zoho-creator-form-s-styling-with-css

您可以选择从以下表格下载 HTML 和 CSS：https://www.zoho.com/forms/help/share/embed.html#download-html

可以将其添加到 Squarespace HTML 块中——但是你可能会失去很多你首先使用托管表单服务的原因（例如，如果你更新了您的表单字段，它们将不会再在您的 HTML 中更新）。

当您使用检查器时，当您更改样式时，您是在此 iframe 中设置样式。实际上，您不能通过您的 Squarespace 站点执行此操作。和这个问题的思路是一样的：How to apply CSS to iframe?

Answer 2

从url传递参数： https://www.zoho.com/creator/help/url-pattern/style-based-urls-for-embedded-forms.html#6._View_Customization

或

使用google字体

如何通过 css 从 Squarespace 中的嵌入式 zoho 表单更改字体系列？

How to change font-family from embedded zoho form in Squarespace via css?

css

forms

fonts

zoho