What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Custom webfonts not workingAsked by emilierv on September 10, 2015 at 04:40 PM
I followed two different questions/answers on this forum but my custom webfonts are not working (they are on the website, just not on the form). Here is the code I am using:
src: url("http://www.letourneauorgans.com/new2/fonts/callunasansregular.eot") /* EOT file for IE */
src: url("http://www.letourneauorgans.com/new2/fonts/callunasansregular.ttf") /* TTF file for CSS3 browsers */
font-family: "calluna_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
webfonts font different www all
I'm currently testing the CSS for the webfont on this form. I will reply as soon as I found something.
As per further checking, I noticed that the reason why the form is not working is that our domain is not allowed to access the file.
"Font from origin 'http://www.letourneauorgans.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.jotform.ca' is therefore not allowed access."
You need to allow us to access the files on your site so the font files will be loaded properly on your form.
This forum threads might help you in your configuration to allow
us to access your files: