Results 1 to 6 of 6

Thread: Fonts

  1. #1
    New Registered User hally0301's Avatar
    Join Date
    Feb 2009
    Posts
    48

    Default Fonts 27 Jul 2009 @ 12.29

    I have a question about using non-standard fonts on a webpage.

    Up until now whenever I have used a nonstandard font on a webpage I have created the text as an image and then inserted it into the webpage as a jpeg so that I could be certain that the visitor would see the font that I intended.

    Is there a CSS workaround or an HTML workaround for this so that I could just use the text with CSS, but still be certain that even for nonstandard fonts that they would be seen by visitors to the site??

    :scared:
      Reply With Quote

  2. #2
    Senior Member Wrams's Avatar
    Join Date
    Apr 2009
    Posts
    936
    Blog Entries
    1

    Default 27 Jul 2009 @ 12.56

    To be honest i really can't see a way around this. The browser reads what your PC has installed on it and hence makes the right selection to the next font you may have. If you don't have any of the fonts on your PC then i think it uses a default Arial font or something like that. I'm no expert in this field but thinking about it logically it sounds like you would have to carry on using images. I may be wrong and I'm sure soon enough someone will point me wrong...Lol

    :Moved to General Development Issues:
    Last edited by Wrams; 27 Jul 2009 at @ 13.01.
      Reply With Quote

  3. #3
    Trusted Guru Jack Franklin's Avatar
    Join Date
    Dec 2008
    Posts
    409
    Blog Entries
    4

    Default 27 Jul 2009 @ 13.01

    You can, there is a CSS property @font-face that will allow you do use any font.

    BUT


    We can't use it effectively at the moment, as most font foundries do not want us uploading their fonts to the net. You should google for sIFR and Cufon and those will be of use to you.
    Site: jackfranklin.co.uk Blog: ispeakwebstuff.co.uk Project: learnitscreencasts.co.uk
    I'm available for 1 to 1 lessons on HTML/CSS/PHP/Javascript/jQuery/Photoshop/Fireworks so please PM Me!
      Reply With Quote

  4. #4
    Member spinal007's Avatar
    Join Date
    Jan 2009
    Posts
    35

    Default 27 Jul 2009 @ 13.01

    There are tricks, the most common of all being this:
    Mike Davidson – sIFR

    And some old tricks which involved asking the user to install the font on-demand, but that's just a terrible, terrible thing to do.
      Reply With Quote

  5. #5
    Trusted Guru WelshStew's Avatar
    Join Date
    Dec 2008
    Posts
    2,555
    Blog Entries
    3

    Default 27 Jul 2009 @ 13.07

    In modern web browsers that support CSS3 you can use the @font-face tag to pull a font from your own server to render out the text.

    Code:
    @font-face {
        font-family: my-sexy-font;
        src: url('my-sexy-font.otf');
    
    }
    and then call it in within your normal font stack:

    Code:
    h3 { font-family: my-sexy-font, font stack, sans-serif; }
    All browsers that don't support CSS3 will use the normal font stack, but you'll get your pretty-ness for CSS3 supported browsers.

    A nice example is Elliot Jay Stocks » Home, who uses GraublauWeb
      Reply With Quote

  6. #6
    New Registered User hally0301's Avatar
    Join Date
    Feb 2009
    Posts
    48

    Default 27 Jul 2009 @ 23.54

    Just checked out the info on SIFR by Mike Davidson and am in the process of downloading it. Looks like that might go a long way to fixing the problem.

    Thanks for all the help.
      Reply With Quote

Similar Threads

  1. How to use fonts on websites
    By Jacob in forum Design & Layout
    Replies: 12
    Last Post: 25 Jul 2012, @ 04.50
  2. Custom Fonts
    By stu2000 in forum HTML & CSS
    Replies: 13
    Last Post: 10 Sep 2010, @ 08.33
  3. Fonts
    By hally0301 in forum HTML & CSS
    Replies: 1
    Last Post: 27 Jul 2009, @ 12.56
  4. Can defining fonts be done easier
    By Dre in forum HTML & CSS
    Replies: 8
    Last Post: 10 Jun 2009, @ 18.07
  5. Resizing fonts
    By Judy Flum in forum HTML & CSS
    Replies: 13
    Last Post: 2 Mar 2009, @ 00.39

Tags for this Thread

Posting Permissions

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