title: Adding a Fontawesome character to a form / data-embed-type
body: <p>I have a form that is accessed via a text link. I would like to change this text to a Fontawesome character. Is that possible? I don't know if there's a way to add a font family and a character to the <code>data-embed-type</code>.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>a {text-decoration:none;}
  
  div {font-size:30px; color:grey; font-family: Helvetica, sans-serif; text-align:center; padding:3rem;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;
  &lt;script type="text/javascript" defer src="https://form.123formbuilder.com/embed/3000000.js?type=lightbox" data-role="form" data-default-width="650px" data-embed-type="lightbox-text-link" data-embed-text-link="Contact" &gt;&lt;/script&gt;
  &lt;/div&gt;
        </code></pre>
  </div>
  </div>
  </p>
  <p>Just as you can change the content to another element like an image, there must be a way to insert a character from a font family. I have tried several ways, but I think it's beyond my knowledge</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>a {text-decoration:none;}
  
  div {text-align:center; padding:1rem;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;
  &lt;script type="text/javascript" defer src="https://form.123formbuilder.com/embed/3000000.js?type=lightbox" data-role="form" data-default-width="650px" data-embed-type="lightbox-image-link" data-embed-image-link="https://static.thenounproject.com/png/3691115-200.png" &gt;&lt;/script&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><sub><em>Note: the form link is fake</em></sub></p>