@font-face

  • Profile Image
    cthuaegggh
    Asked 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
    idarktech
    Answered 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
    abajan
    Answered 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
    cthuaegggh
    Answered 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