javascript - 更改字体 new "No CAPTCHA reCAPTCHA"

标签 javascript css iframe fonts recaptcha

新的 reCAPTCHA 很棒。几乎所有的东西都很棒,除了一件事。它的字体。使用不支持其他语言的字体是非常愚蠢的。我的网站是希伯来语的,reCAPTCHA 显示的字体很糟糕。我该如何更改它?

是否有适用于此的 Google Api?是否可以编辑 iframe 的 CSS(跨域)?

谢谢。

最佳答案

reCAPTCHA 通过 <iframe> 加载因此无法使用您自己的 CSS 进行自定义,只能通过 reCAPTCHA API。

使用 reCAPTCHA API,您可以使用 hl 隐式定义语言参数如下图,带hl=iw对于希伯来语。参见 full list of language codes获取更多信息。

<html>
  <head>
    <title>reCAPTCHA demo: Simple page</title>
     <script src="https://www.google.com/recaptcha/api.js?hl=iw" async defer></script>
  </head>
  <body>
    <form action="?" method="POST">
      <div class="g-recaptcha" data-sitekey="your_site_key"></div>
      <br/>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

它还支持两种颜色主题 - darklight .

<html>
  <head>
    <title>reCAPTCHA demo: Simple page</title>
     <script src="https://www.google.com/recaptcha/api.js?hl=iw" async defer></script>
  </head>
  <body>
    <form action="?" method="POST">
      <div class="g-recaptcha" data-sitekey="your_site_key" data-theme="dark"></div>
      <br/>
      <input type="submit" value="Submit">
    </form>
  </body>
</html>

参见 Developer's Guide获取更多信息。

关于javascript - 更改字体 new "No CAPTCHA reCAPTCHA",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29729644/

相关文章:

querySelector 的 javascript addEventListener 不起作用

html - 如何更改输入文件按钮大小?

javascript - 你能用 @ 符号包装文本吗?

iframe - 使iframe不可见

javascript - 将搜索重定向到 Google Search Appliance 结果页面

javascript - 使用 JavaScript Cookie 的建议

javascript - 使用 React hooks 显示来自 jsonplaceholder api 的数据

javascript - 在 ionic 2 中滑动或单击按钮的 div

css - 如何制作元素之间可变空间的 ul li css 菜单

javascript - 我有一个在 iframe 内带有单选按钮的表单,将文本插入到父文本区域。 "Undefined"来到 texarea 而不是单选按钮值