Font Face – custom font css not working on browsers except my own..

  • Unknown's avatar
    socialkitten · Member ·

    Hello

    I am relatively new to font face and custom fonts so any help would be appreciated as I have exhausted all options!

    I have installed a custom font (fontleroybrown) on my host (bluhost) for use on my wordpress website. The font works everywhere I have placed it, except on other browsers and cell phones. My browser works fine and it looks fabulous! But then I go to another computer and my cell and it has an arial font

    Here is the css code in the header:

    @font-face {
    font-family: ‘fontleroybrownnf’;
    src: url(‘fontleroybrownnf-webfont.eot?#iefix’) format(’embedded-opentype’),
    url(‘fontleroybrownnf-webfont.woff’) format(‘woff’),
    url(‘fontleroybrownnf-webfont.ttf’) format(‘truetype’),
    url(‘fontleroybrownnf-webfont.svg#fontleroybrownnf’) format(‘svg’);

    }

    Can anyone tell me what I am doing wrong?? And why it wont work?

    Thanks!

    Brooke

  • Unknown's avatar
    hafizr · Member ·

    Hi Brooke,

    For self-hosted WordPress install, feel free to ask around WordPress.org’s support forum instead, this way: http://wordpress.org/support/forum/themes-and-templates

  • Unknown's avatar
    socialkitten · Member ·

    I dont have a wordpress.org username as it is a template for wordpress.com –

  • Unknown's avatar
    thesacredpath · Member ·

    Hi Brooke, since we can’t use @font-face here at WordPress.com, your best source for help would be to post in the volunteer-based WordPress.org forums referenced by @hafizr. Registration there is very easy, and since you are self-hosting a WordPress installation, it would be a good idea to have access to the support forums over there.

  • The topic ‘Font Face – custom font css not working on browsers except my own..’ is closed to new replies.