Results 1 to 4 of 4

Thread: @font-face not supporting in firefox and IE

  1. #1
    Join Date
    Jan 2012
    Location
    India
    Posts
    43
    Thanks
    12
    Thanked 1 Time in 1 Post

    Default @font-face not supporting in firefox and IE

    hi guys

    i am working on a wordpress website and facing a font face issue

    http: / / oasisworkflow.com

    check this liine Workflow process for WordPress made simple with Oasis Workflow

    i am using font face for this line but it is not supporting in firefox and IE but it is working in chrome

    and one more thing when i am putting all that files to another server this is working in all browser please check the link below of working font face

    http : / / demo.geniusanywhere.com/client/oasisworkflow/

    here it is working, please give a solution
    Last edited by ankush; 10-26-2012 at 11:51 AM.

  2. #2
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    1,734
    Thanks
    82
    Thanked 90 Times in 88 Posts

    Default

    Your second link is password protected. Could you post the code you are trying to work with. Is this a font that you uploaded to your website or is it one that you are telling browsers to use? A lot of browsers and computers have several fonts already installed, but they don't all draw from the same font set or at least they don't use all of them. I have not investigated further to find out which is true.
    To choose the lesser of two evils is still to choose evil. My personal site

  3. #3
    Join Date
    Jan 2012
    Location
    India
    Posts
    43
    Thanks
    12
    Thanked 1 Time in 1 Post

    Default

    Quote Originally Posted by james438 View Post
    Your second link is password protected. Could you post the code you are trying to work with. Is this a font that you uploaded to your website or is it one that you are telling browsers to use? A lot of browsers and computers have several fonts already installed, but they don't all draw from the same font set or at least they don't use all of them. I have not investigated further to find out which is true.
    Code:
    @font-face {
        font-family: 'cosmoslight';
        src: url('font/cosmos_light-webfont.eot');
        src: url('font/cosmos_light-webfont.eot?#iefix') format('embedded-opentype'),
             url('font/cosmos_light-webfont.woff') format('woff'),
             url('font/cosmos_light-webfont.ttf') format('truetype'),
             url('font/cosmos_light-webfont.svg#cosmoslight') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    i am using the above code for font-family generated through fontsquirrel

    see the link below
    oasisworkflow . com

    the font is not working above but i have made a sperate file and use the same font fot text then it is working, i think this is wordpress issue
    oasisworkflow . com/wp-content/themes/fullside/testing.html
    Last edited by ankush; 10-26-2012 at 11:50 AM.

  4. #4
    Join Date
    Jan 2012
    Location
    India
    Posts
    43
    Thanks
    12
    Thanked 1 Time in 1 Post

    Default

    resolved just added this code in .htaccess

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

Similar Threads

  1. Resolved @font-face not working in Firefox 5
    By james438 in forum CSS
    Replies: 4
    Last Post: 08-06-2011, 04:03 AM
  2. @font-face does not work in firefox
    By James Church in forum CSS
    Replies: 1
    Last Post: 05-25-2011, 10:07 AM
  3. @font-face in Chrome
    By traq in forum CSS
    Replies: 11
    Last Post: 05-20-2010, 07:05 PM
  4. Replies: 0
    Last Post: 10-11-2009, 03:16 AM
  5. Changing Font Face in Wireframe menu
    By dollfaceod in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 03-01-2009, 09:10 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •