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.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jul 2011
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts

    How to use "headline font: arial black / and gill Sans?

    hi,everyone !

    i am new at this ,but learning...

    i dont know much about fonts,and i have a little project to do,and i was required to use:

    Headline Fonts: Arial Black (for title)

    and for the regular words under,to use: Gill Sans

    how i do that?

    thank you so much for explanation!

    regards,
    misu

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Code:
    body {font-family: 'Gill Sans', Arial, Helvetica, Sans-serif;}
    h1, h2, h3 {
      font-family: 'Arial Black', Arial, Helvetica, Sans-serif;
      font-weight: 900;
    }
    This caters for first to third level headings. Adjust as desired.

  • Users who have thanked VIPStephan for this post:

    nemtulea35 (10-11-2012)

  • #3
    New Coder
    Join Date
    Jul 2011
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    Code:
    body {font-family: 'Gill Sans', Arial, Helvetica, Sans-serif;}
    h1, h2, h3 {
      font-family: 'Arial Black', Arial, Helvetica, Sans-serif;
      font-weight: 900;
    }
    This caters for first to third level headings. Adjust as desired.
    thank you so much for replying!

    so if i have this :

    Code:
    About Mycompany.com (for title-arial black)
    
    (and this bellow for the - gill sans)
    Mycompany.com is a direct lender car title loan company that is licensed by the State and a bonded finance company. We specialize in car title loans and regardless of credit history...
    do i just insert like this:

    Code:
    body {font-family: 'Gill Sans', Arial, Helvetica, Sans-serif;}
    h1, h2, h3 {
      font-family: 'Arial Black', Arial, Helvetica, Sans-serif;
      font-weight: 900;
    }
    text here?
    or i need to edit in css style ?

    just uploaded my css style,
    if you can take a look,

    sorry ,so new to this.

    thank you,
    misu
    Attached Files Attached Files

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    You put this in your stylesheet (CSS file), of course. Ideally somewhere at the top.

  • Users who have thanked VIPStephan for this post:

    nemtulea35 (10-11-2012)

  • #5
    New Coder
    Join Date
    Jul 2011
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts
    okay,i see.

    i notice in css this:

    Code:
    /* CSS Document */
    
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p,   pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike,   sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
    :focus {outline: 0;}
    .corners {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #eee; padding: 3px;   }
    a img {border: none;}
    .box {width: 1000px; margin: 10px auto; display: block; clear:both; background: #fff; overflow: hidden; }
    .nobg {background: none; }
    .center {text-align: center; }
    .right {float: right; margin: 10px 0px 5px 10px; }
    .twothirds {width: 603px; float: left; margin-left: 10px;  }
    .third {width: 280px; margin-left: 0px; float: left;   }
    .homeformbg {background-image:url(images2/homeformbg.jpg); background-repeat:no-repeat; text-align: center; height: 337px; width: 367px;  margin-left: 15px; float: right;  margin-left: 15px; float: left;  }
    .homeformbg form{ }
    .redbox {border: 1px solid #f00; }
    
    
    
    body {font-family: Arial, Helvetica, sans-serif; }
    .mainwrap {background-image:url(images2/bg1.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; overflow: hidden;  }
    /* header */
    so i guess this line here:

    Code:
    body {font-family: Arial, Helvetica, sans-serif; }
    must be changed to :

    Code:
    body {font-family: 'Gill Sans', Arial, Helvetica, Sans-serif;}
    h1, h2, h3 {
      font-family: 'Arial Black', Arial, Helvetica, Sans-serif;
      font-weight: 900;
    }
    thanks

    update: change but ,not doing anything,is still the same,with h1,h2,h3...
    Last edited by nemtulea35; 10-11-2012 at 01:20 AM.

  • #6
    New Coder
    Join Date
    Jul 2011
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts
    it look when i added at top it worked, for main page,

    now if i want to have a different writing for a specific page,for example for : about us, page and i want:

    headline : arial black and under text to be : palatino linotype

    how do i do that? and i add in the same css file?

    thanks for your help!

  • #7
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Yes, you need a different selector for that specific page, for example an ID or a class at the body element (or another element that’s different from the standard), and add that specific CSS rule somewhere below the current ones. For example, if your about us page has <body id="about"> you can do:
    Code:
    body {font-family: 'Gill Sans', Arial, Helvetica, Sans-serif;}
    #about {font-family: Palatino, 'Times New Roman', Times, Serif;}
    h1, h2, h3 {
      font-family: 'Arial Black', Arial, Helvetica, Sans-serif;
      font-weight: 900;
    }


  •  

    Posting Permissions

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