Fonts and Html

Discussion in 'HTML & Website Design' started by orion.2099, May 3, 2008.

  1. #1
    Can someone please tell me why is it that when I create a webpage with a certain font and look at it on another computer that does not have that font the page looks ordinary. How can I fix this appearance so that the wepage is permanent and the fonts are supported by the page or the code?
     
    orion.2099, May 3, 2008 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    A web browser only has the fonts available to it on that system. There are very few type faces you can expect to be generally available.

    For headings and other small bits of text, you can try some image replacement method or another. Google is your friend.

    cheers,

    gary
     
    kk5st, May 3, 2008 IP
  3. babanner

    babanner Well-Known Member

    Messages:
    104
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    108
    #3
    Try using fonts which are by default on any computer (ex: times new roman,arial,trebuchet...) or link to your font style using css.
     
    babanner, May 4, 2008 IP
  4. pioneer1

    pioneer1 Peon

    Messages:
    1,137
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Try to use fonts like verdana, arial etc.
     
    pioneer1, May 4, 2008 IP
  5. milesbparty

    milesbparty Peon

    Messages:
    148
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Also, don't use the html <font> tag. Use css to set fonts on your site.
     
    milesbparty, May 4, 2008 IP
  6. nicangeli

    nicangeli Peon

    Messages:
    828
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #6
    nicangeli, May 4, 2008 IP
  7. Aaron700

    Aaron700 Active Member

    Messages:
    338
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #7
    // In main.css
    
    .font {
    font-family: Tahoma;
    }
    
    Code (markup):
    // In your website in the "<head>" tag
    
    <link rel="stylesheet" type="text/css" href="main.css">
    
    Code (markup):
    //In your website where you want your content.
    
    <div class="font">{Your Content Here}</div>
    
    Code (markup):
    :)
     
    Aaron700, May 4, 2008 IP
  8. vidal

    vidal Well-Known Member

    Messages:
    186
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    145
    #8
    vidal, May 5, 2008 IP