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

  • Author
  • #1841224



    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?





    Hi Brooke,

    For self-hosted WordPress install, feel free to ask around’s support forum instead, this way:



    I dont have a username as it is a template for –


    Hi Brooke, since we can’t use @font-face here at, your best source for help would be to post in the volunteer-based 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.