Custom fonts in CSS using font-face

Question

So I have looked, looked, looked, changed and trialled but I can not for the life of me get this to work. Has anyone got any insight into where the problem lies?

@font-face {
  font-family: 'customFont';
  src: url('www.100%CorrectURL.com/font.eot');
  src: url('www.100%CorrectURL.com/font.eot?#iefix') format('embedded-opentype'),
       url('www.100%CorrectURL.com/font.woff') format('woff'),
       url('www.100%CorrectURL.com/font.ttf') format('truetype'),
       url('www.100%CorrectURL.com/font.svg#paulmaulregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

The URL is definately correct (I have changed the one in the above source) but for some reason, it just doesn't load the font to the page.

Answer 1

Your code is correct, but you might remove this two tags:

  font-weight: normal;
  font-style: normal;

IT should work, otherwise, you need to use another webfont (google font are always working)

Note: the url "www.100%CorrectURL.com/font.eot" isn't existing, you need to add a correct url.