Adding Custom Font in CSS/HTML?


Staff member
trying to add a custom font into my wordpress website but it's just not working. I tried using one of the plugins but I only see the change in font in 'edit mode' but when i actually go on the public webaddress the font does not load.

I've converted futura condensed light into the various types and added this in my style.css on the theme I'm using

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

and also added this

h7{font-family: 'Conv_futura-condensedlight-normal';}

On the page where I want the text to change I have:


but the text does not change..

I've also uploaded the files into the fonts folder in the theme directory (where other fonts are)

Can't seem to find the bug. Help would be appreciated!