troubleshooting Question

@font-face Not Working In Firefox, Safari or Opera

Avatar of Member_2_3703398
Member_2_3703398Flag for United Kingdom of Great Britain and Northern Ireland asked on
CSSHTMLWeb Browsers
14 Comments1 Solution2583 ViewsLast Modified:
Hi,

I am having trouble getting a remote font to work in Firefox, Safari and Opera. IE works fine.

I have all the latest versions of the above browsers installed.

Thank you.
/* -------------------------------------------------- */
/* Import Omnes Font    							  */
/* -------------------------------------------------- */

@font-face
{
    font-family: 'OmnesLight';
    src: url(http://www.sil.uk.com/OmnesFont/Omnes-Light.eot);
}

@font-face
{
    font-family: 'Omnes-Light';
    src: url(http://www.sil.uk.com/OmnesFont/Omnes-Light.otf);
}

.menu_head
{
    font-family: 'OmnesLight' , 'Omnes-Light' , Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight:normal;
    font-style: normal;
    color: #2C2C2C;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    text-transform: uppercase;
    border-style: none;
    outline: 0 none;
    background-color: #E1E1E1;
    padding-bottom: 3px;
}
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 14 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 14 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros