Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,546
    Thanks
    45
    Thanked 259 Times in 256 Posts

    Difficulties with font-face (custom fonts)

    I'm hoping someone can help me resolve this...

    I recently started to experiment with using custom fonts for websites. I grabbed a font kit from Font Squirrel, used the css they provided (which I also got from a few blogs), and it worked fine on my local system (localhost through WAMP). It looked good, so I uploaded it onto the server, and its not showing up, instead defaulting to the second font I pick. I've checked and I'm sure the fonts are loading, the files are identical, and I'm not sure what else to check.

    Anyone have any experience with custom fonts? If there something on the server I should be keeping an eye out for? I'm at a loss...

  • #2
    Mega-ultimate member
    Join Date
    Jun 2002
    Location
    Winona, MN - The land of 10,000 lakes
    Posts
    1,855
    Thanks
    1
    Thanked 45 Times in 42 Posts
    Are you uploading to a Windows server ? Or linux?

    Possible problems include:
    bad path
    bad permissions

    I would check firebug to see what pops up.

  • #3
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,546
    Thanks
    45
    Thanked 259 Times in 256 Posts
    I'm not 100%, but I'm pretty sure its a Linux machine (its a shared host server, so I'll double check).

    I'm guessing I need execute permissions for font files to work? And what should I check in firebug? I checked the CSS, but I'm not sure how to use firebug to debug fonts, sorry.

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Post a link to the page.

  • #5
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,546
    Thanks
    45
    Thanked 259 Times in 256 Posts
    http://test.raaschaos.com/contactUs.php

    The labels (above the text boxes), should be in the Komika font.

  • #6
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,546
    Thanks
    45
    Thanked 259 Times in 256 Posts
    Small update... I tried doing a full URL (originally I just had relative url) to the font, and it didn't work that way either.

  • #7
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by Keleth View Post
    http://test.raaschaos.com/contactUs.php

    The labels (above the text boxes), should be in the Komika font.
    They are.

  • #8
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,546
    Thanks
    45
    Thanked 259 Times in 256 Posts
    Weird... none of my browsers are showing it working... even though its working locally...

    That's weird... why should it work on localhost on my browser, and not remotely (same browser)?
    Last edited by Keleth; 07-29-2011 at 02:07 AM.

  • #9
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,930
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    Just as a side note: Label elements haven’t been invented just for the fun of it or just to add a styling hook, they are actually meant to assign a label to a form control (e. g. input). Therefore you should associate the text fields with their appropriate label either like so:
    Code:
    <label for="name">Your Name</label>
    <input id="name" name="name" type="text" />
    <!-- note: the for attribute refers to the ID of the form control (not the name attribute) -->
    or:
    Code:
    <label>Your Name <input name="name" type="text" /></label>

  • #10
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,546
    Thanks
    45
    Thanked 259 Times in 256 Posts
    Quote Originally Posted by VIPStephan View Post
    Just as a side note: Label elements haven’t been invented just for the fun of it or just to add a styling hook, they are actually meant to assign a label to a form control (e. g. input). Therefore you should associate the text fields with their appropriate label either like so:
    Code:
    <label for="name">Your Name</label>
    <input id="name" name="name" type="text" />
    <!-- note: the for attribute refers to the ID of the form control (not the name attribute) -->
    or:
    Code:
    <label>Your Name <input name="name" type="text" /></label>
    Yah, I know. I just developed that page quickly, was styling it and designing it before I went back in to make sure the guts worked properly. I was just excited... it was the first time I was working on a site where I had a valid reason to try a font-face, so I kinda rushed ahead.

  • #11
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,546
    Thanks
    45
    Thanked 259 Times in 256 Posts
    Hm... played around more today, and now I've got it showing in the correct font on other browsers (IE8-9, Safari, Opera), but still doesn't show up properly on Firefox. Locally, it shows up correctly on Firefox, but not on the remote server... I'm not sure whats up, and I'm concerned if its not showing up for me, it won't for other people.

    Apostropartheid, did you check in Firefox?

  • #12
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts

  • #13
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,546
    Thanks
    45
    Thanked 259 Times in 256 Posts
    Thanks...

    So it works... just not for me... I wonder if SOMEHOW the OS is the issue (I'm on XP)?

  • #14
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Have you tried hard-refreshing your browser or directly loading the fonts?

  • #15
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,546
    Thanks
    45
    Thanked 259 Times in 256 Posts
    I've done hard refreshes... what do you mean by directly loading the fonts? They are installed on my computer if that's what you mean?


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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