Forum Replies Created

Viewing 1 replies (of 1 total)
  • Hi

    I’m using this font on my website because initially had the font “font-family: ‘BebasNeueRegular'”, but it has no special characters so I switched to the font “font-family: ‘BebasNeue.'” During the exchange of fonts, I enter the following code in style.css.

    BEFORE

    @font-face {
        font-family: 'BebasNeueRegular';
        src: url('css/fonts/BebasNeue-webfont.eot');
        src: url('css/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
             url('css/fonts/BebasNeue-webfont.woff') format('woff'),
             url('css/fonts/BebasNeue-webfont.ttf') format('truetype'),
             url('css/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    AFTER

    @font-face {
        font-family: 'BebasNeue';
        src: url('css/fonts/BebasNeue.eot');
        src: url('css/fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
             url('css/fonts/BebasNeue.woff') format('woff'),
             url('css/fonts/BebasNeue.ttf') format('truetype'),
             url('css/fonts/BebasNeue.svg#BebasNeue') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    Then, I changed the word ‘BebasNeueRegular’ for ‘BebasNeue’ all over the css.
    I put the files of the fonts in the font folder of the css folder.
    It’s working on google chrome, mozilla firefox and internet explorer.

    Hope this helps

Viewing 1 replies (of 1 total)