Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

@font-face experience

Discussion in 'Website Design Forum:' started by chrismitchell, Apr 19, 2010.

  1. anyone here got some experience with making @font-face work in IE at all? its just not working for me at all :confused:

    the website in question is Emas Medical Ltd | Developing Medicines and I just cant get the fonts to work for IE to change to HelveticaNeue, i've even made EOT files for them and it still isnt working. I can't seem to make it work.

    Any help?
  2. Renniks

    Renniks Senior Member

    I've always used fontsquirrels generator including svg etc.
    Font Squirrel | Create Your Own @font-face Kits
    and it's always worked on my IE (8)
    Maybe check your code against the generated and see if you've missed anything, apologies as just finishing my lunch so can't take a look myself
  3. I'll check all the code again :p I did use the Font Squirrel thing... Its just not wanting to know :( booo
  4. Renniks

    Renniks Senior Member

    :) best of luck, if no joy by 5ish I'll take a look through it later, see if I can see what's up...
  5. Harry

    Harry Senior Member

    Er, you realise there's no such thing as a h7/h8, Chris? And the site's all a bit broken.

    Plus Helvetica isn't licensed for @font-face embedding.
  6. seems to all be working a little bit better now.. I got rid of h7 and h8 now :) I noticed that myself :lol: been a bit dopy with this one has to be said..
  7. Harry

    Harry Senior Member

    C'mon, that's a little worse than dopey ;)
    Plus you've now put <p>s inside <a>s which you can't do, block level not allowed inside inlineā€¦ this is basics ;)
    59 errors!

    And you're not allowed to use Helvetica with @font-face. You can't use it.
  8. well yes it is.. been a bit stressed getting this one to work to tell the truth.. and they really want helveticaneue as the font for it too... hmmm
  9. Harry

    Harry Senior Member

    Font stack or something like sifr.
  10. seem to have knocked down the number of errors now to 18 :)
  11. Harry

    Harry Senior Member

    Yeah but that's by using the font tag which is even worse than incorrectly nesting <a>s and <p>s :S
  12. hmmm would span be ok?
  13. Harry

    Harry Senior Member

    Span would work fine. Maybe use strong and span:

    <strong>Medical <span>affairs</span></strong>
  14. seems to be ok on the Markup now :) i'm sure i'll be half as good as you at some point in the far future Harry :)
  15. Harry

    Harry Senior Member

    You're best off using a strong in there rather than two spans, strong has more weight than span, which is just a generic inline element. Also, set the span's css to display:block; then remove the <br />.

    It's not a case of being as good as anyone else, these are just basics unfortunately :(
  16. yeah I'm still learning :) sooner or later i'll make one that everyone will be able to see without all these CSS / HTML / PHP problems :lol:

    i'll have a looksee at the spans and strong situation :)
  17. Jed

    Jed Member

    ...............XD wow P2P tutoring huh? Lucky....

    So would either of you no when to and when not to embed fonts - It was something I came across a few years back but never explored. However since Internet speeds are rising - maybe it is worth a try now?

Share This Page