CSS Import Font Issue

0
votes

I am trying to import a font from a web-kit. The code is in place and the fonts are uploaded to server but won't show on site.

CSS


    @font-face {
        font-family: 'gauntlet_thinregular';
        src: url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.eot');
        src: url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.eot?#iefix') format('embedded-opentype'),
             url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.woff2') format('woff2'),
             url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.woff') format('woff'),
             url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.ttf') format('truetype'),
             url('http://dharmafund.net/fonts/gauntletthin_tb-webfont.svg#gauntlet_thinregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    h1, h2, h3, h4, h5, h6 {
       font-family: 'gauntlet_thinregular'!important; 
    }

I tried this code on a Wordpress install and it worked but it's not working on this other platform I'm using (CrowdfundHQ). Any thoughts?

Website URL: http://dharma-fund.crowdfundhq.com

Thanks

1
cssfontsimport
Check this out stackoverflow.com/questions/2892691/… - (this includes sub-domain) – Richard Miles
Richard, thank you. Adding the following code to .htaccess worked – Jared

1 Answers

2
votes

The fonts are now loading afer adding the following code to .htaccess 

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>