Support » Themes and Templates » @FontFace not working in my WP site

  • Hi guys

    I cannot seem to get my FontFace font working in my site. Here is the relevant part of my CSS, it just keeps defaulting to the font after my fontface font (Arial):

    body { background:#181818; margin-top:10px; margin-bottom:10px; font-family: CabinRegular, Arial, sans-serif; }
    	* { margin: 0; padding: 0; outline: 0; }
    	a { color: #39a7dc; text-decoration: none; }
    	a:hover { cursor: pointer; text-decoration: none;  color:#A1D800; }
    	a img { border: 0; }
    	ol,ul { list-style:none; }
    	h1 { color: #39a7dc; }
    	h3 { color: #39a7dc; }
    	#flashvideo { z-index:-1 !important;}
    	@font-face {
        font-family: 'CabinRegular';
        src: url('fonts/Cabin-Regular-webfont.eot');
        src: url('fonts/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/Cabin-Regular-webfont.woff') format('woff'),
             url('fonts/Cabin-Regular-webfont.ttf') format('truetype'),
             url('fonts/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    I have stored my fonts folder withing my theme directory e.g. /my theme/fonts. Any ideas?


Viewing 2 replies - 1 through 2 (of 2 total)
  • Do you have a link?

    I’m comparing to my @font-face, and everything matches what you have, except where you’re calling the font-family, I have mine with single quotes around it, like font-family: 'CabinRegular', Arial, sans-serif;

    hi shane, thanks for your reply, sorry I cannot send a link on here. I tried putting the single quotes on, but didnt work. Thanks though

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘@FontFace not working in my WP site’ is closed to new replies.