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.


  • Profile Image

    @font-face

    Asked by cthuaegggh on May 22, 2012 at 07:02 AM

    hi,

    why isn#t the font shown correctly. just when the font is installed localy it shows correctly.

    the paths to fonts seems alright. what i am doin wrong?

     

    .form-label-left {

    color: #FFE100;

    font-family: 'MetaPro-Bold' !important;

    font-size: 18px;

    }

    #input_21, #input_16, #input_24, #input_17, #input_19, .form-textbox, .form-textarea {

    color: #000000;

    font-family: 'MetaPro-Black' !important;

    font-size: 24px;

    }

    .form-required {

    color: #ff0000;

    }

    .form-captcha {

    width: 250px;

    }

    #input_19 {

    width: 220px !important;

    }

    .form-line {

    background:none repeat scroll 0 0;

    }

    .form-line-error {

    background:none repeat scroll 0 0;

    }

    .form-error-message {

    display: none !important;

    }

    .form-validation-error {

    -moz-box-shadow:none;

    -webkit-box-shadow:none;

    box-shadow:none;

    }

    .form-button-error {

    color: #FF0000;

    font-family: 'MetaPro-Bold' !important;

    font-size: 18px;

    display: block;

    padding-top: 10px;

    padding-bottom: 40px;

    }

    .form-submit-button {

    background-image: url('http://www.vmedia-online.com/btn-senden.png');

    width: 192px;

    height: 72px;

    border:none !important;

    background-color: #28326E;

    display: block;

    }

    .form-submit-button:hover {

    background-image: url('http://www.vmedia-online.com/btn-senden-hover.png');

    width: 192px;

    height: 72px;

    border:none !important;

    background-color: #28326E;

    cursor: pointer;

    }

    @font-face {

    font-family: 'MetaPro-Black';

    src: local('MetaPro-Black'),

    local('MetaPro-Black'),

    src: url('http://www.vmedia-online.com/fonts/MetaPro-Black.eot');

    url('http://www.vmedia-online.com/fonts/MetaPro-Black.ttf') format('truetype'),

    url('http://www.vmedia-online.com/fonts/MetaPro-Black.svg') format('svg');

    }

    @font-face {

    font-family: 'MetaPro-Bold';

    src: local('MetaPro-Bold'),

    local('MetaPro-Bold'),

    src: url('http://www.vmedia-online.com/fonts/MetaPro-Bold.eot');

    url('http://www.vmedia-online.com/fonts/MetaPro-Bold.ttf') format('truetype'),

    url('http://www.vmedia-online.com/fonts/MetaPro-Bold.svg') format('svg');

    }

  • Profile Image
    JotForm Support

    Answered by idarktech on May 22, 2012 at 07:21 AM

    Hi,

    That will not work. We do not support importing fonts (using '@') to our form builder. However, you can download your form's full source code and apply your css codes on your form's html file.

    Hope this helps. Let me know if you can't get it working so that we can further assist you. Thanks!

  • Profile Image
    JotForm Support

    Answered by abajan on May 22, 2012 at 07:25 AM

    @cthuaegggh

    In addition to my colleague's suggestion, you may also find our How to Use Google Webfonts in JotFrom guide useful.

  • Profile Image

    Answered by cthuaegggh on May 22, 2012 at 09:38 AM

    thx for always fast replies

    =( so i think this won#t work for me.

    i created the site in adobe muse.

    it seems that there is no way to use jotform with own fonts in adobe muse...

    it would be really nice if @font-face would work from inside jotform.

    if there is a solution let me know. *cry