Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 9, 2014 at 3:29 pm #365376
    ramzan70

    First of all thanks to Kriesi, for providing such a wonderful and flexible theme :)

    A small issue i am facing while working on custom font, i am using that bit of code in css file
    ”
    @font-face {
    font-family: ‘BankGothicBT-Medium’;
    src:url(‘fonts/BankGothicBT-Medium.eot’);
    src:url(‘fonts/BankGothicBT-Medium.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/BankGothicBT-Medium.woff2’) format(‘woff2’),
    url(‘fonts/BankGothicBT-Medium.woff’) format(‘woff’),
    url(‘fonts/BankGothicBT-Medium.ttf’) format(‘truetype’),
    url(‘fonts/BankGothicBT-Medium.svg#BankGothicBT-Medium’) format(‘svg’);
    font-weight: normal;
    font-style: normal;
    }
    ”
    but it is not working, link of website is as below, any suggestion/advise would be greatly appreciated.

    Many Thanks

    December 9, 2014 at 9:57 pm #365644
    Elliott

    Hey ramzan70!

    I downloaded your font and tried it out on my XAMPP setup and it’s working.

    @font-face {
    font-family: test;
    src: url(fonts/test.woff);
}
h1, h2, h3, h4, h5, h6 { font-family: test !important; }

    I noticed that only the .woff and .tff were loading on your site and I also noticed a bunch of messages your getting.

    Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at /new/wp-content/themes/enfold-child/fonts/BankGothicBT-Medium.woff. This can be fixed by moving the resource to the same domain or enabling CORS.
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at /new/wp-content/themes/enfold-child/fonts/OpenSans-Semibold.woff. This can be fixed by moving the resource to the same domain or enabling CORS.
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at /new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff?v=3. This can be fixed by moving the resource to the same domain or enabling CORS.
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at /new/wp-content/themes/enfold-child/fonts/BankGothicBT-Medium.ttf. This can be fixed by moving the resource to the same domain or enabling CORS.
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at /new/wp-content/themes/enfold-child/fonts/OpenSans-Semibold.ttf. This can be fixed by moving the resource to the same domain or enabling CORS.
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at /new/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf?v=3. This can be fixed by moving the resource to the same domain or enabling CORS.

    Try this CSS out instead.

    @font-face{
font-family: ‘BankGothicBT-Medium';
src:url(‘fonts/BankGothicBT-Medium.eot’);
}
@font-face{
font-family: ‘BankGothicBT-Medium';
src:url(‘fonts/BankGothicBT-Medium.woff’);
}

    Or this.

    @font-face {
  font-family: 'BankGothicBT-Medium';
  src: url('fonts/BankGothicBT-Medium.eot?') format('eot'), url('fonts/BankGothicBT-Medium.woff') format('woff'), url('fonts/BankGothicBT-Medium.ttf') format('truetype');
}

    Regards,
    Elliott

    • This reply was modified 10 years, 2 months ago by Elliott.
    December 10, 2014 at 5:18 pm #366089
    ramzan70

    Thanks Elliot, issue got resolved.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Custom Font not working for slider caption’ is closed to new replies.