@font-face not working on any browser

  • Unknown's avatar
    mirkokahl · Member ·

    Hello,
    I’m using the @font-face function to use a custom font (Bebas Neue) on my WordPress site. I’ve downloaded the webkit and uploaded the fonts into the folder http://www.kinis-kitchen.de/wp/wp-content/themes/berg-wp-child/fonts Then I used the @font-face function in my custom css file to call them. However the font is not visible on any new browser.

    @font-face {
font-family: 'Bebas Neue';
src: url ('fonts/BebasNeueRegular.woff2') format('woff2'),
url('fonts/BebasNeueRegular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

/*Headings */
h1,h2,h3,h4,h5,h6{
font-family: 'Bebas Neue', sans-serif !important;
}

    The font is only displayed on my old mac (10.7) running Epic 53.0.2785.143 or Safari 5.1.7. On all other browsers and devices I tried the fonts are being replaced.

    There’s no error report within the console. The fonts exist, and the links seem fine. The font is indicated as ‘Bebas Neue’ within my elements but not displayed.

    Im more than grateful for any assistance. The issue keeps me on the run since 3 days !!!! I’ve no idea how to solve the problem.

    The raw site is accessible under http://www.kinis-kitchen.com/wp.

    Thanks,

  • Unknown's avatar
    galois · Member ·

    Sorry but you are in the wrong place. These forums are only for blogs/sites hosted by WordPress.com

    WordPress.COM and WordPress.ORG are completely separate and different http://support.wordpress.com/com-vs-org/

    And you should ask in the WordPress.org forums.
    http://wordpress.org/support/

    If you don’t have a username on the ORG forums, you’ll need to register one there.

    Cheers

  • The topic ‘@font-face not working on any browser’ is closed to new replies.