Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Jul 2006
    Posts
    25
    Member #
    13521
    hello,

    Like many people i'm experiencing a problem with @font face and Firefox.

    i'm basically using two otf fonts for mywebsite.com. Thos fonts are stored on the SAME domain.

    my stylesheet is located at
    mywebsite.com/css/style.css

    I have uploaded those fonts at:
    mywebsite.com/...
    mywebsite.com/css/...
    mywebsite.com/css/fonts/...

    but Firefox simply can't see them. I've tried all paths in my code below but it simply won't work. I though most problems with Firefox came from hosting a font on another domain.

    Note that it does work in Chrome and Safari

    Code:
    @font-face { font-family: Quicksand;src: local("Georgia"), src: url("/fonts/ql.otf") format("opentype") ; } 
    
    @font-face { font-family: JosefinSansStd-Light;src: local("Lucida Grande"), src: url("/fonts/JosefinSansStd-Light.otf") format("opentype"); }
    Any ideas ? thank you very much

  2.  

  3. #2
    Junior Member
    Join Date
    Jul 2006
    Posts
    25
    Member #
    13521
    By the way, i tried to add and remove " and ' around font names and path
    Also this code is both on the css file as well as in the head of the HTML page

  4. #3
    etm
    etm is offline
    Member
    Join Date
    Aug 2010
    Location
    Calgary, Canada
    Posts
    76
    Member #
    23011
    Quote Originally Posted by guillaumeb View Post
    By the way, i tried to add and remove " and ' around font names and path
    Also this code is both on the css file as well as in the head of the HTML page

    I am pretty sure (with exception to recent Safari releases) that you have to use Embedded Open Type (.eot) fonts.

    Here are a couple services that allow you to be more creative in the type department, without worrying about serving the fonts yourself and whether you might be breaking copyright doing so. Many fonts do not permit distribution.

    http://code.google.com/webfonts (free)

    http://typekit.com/ (for a fee, but large selection)


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:57 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com