Changing color and font mid word

Discussion in 'CSS' started by mnymkr, Apr 24, 2006.

  1. #1
    Instead of using a graphic I want to use CSS to style my header. for instance, AbbyAteSalad I would want Abby and AteSalad to be different colors and fonts. Can someone explain how

    btw does anyone know a tall skinny font
     
    mnymkr, Apr 24, 2006 IP
  2. mjewel

    mjewel Prominent Member

    Messages:
    6,693
    Likes Received:
    514
    Best Answers:
    0
    Trophy Points:
    360
    #2
    You would define a css style for each different font/color and apply it to the word/letters i.e. <span class="redfont">Red</span> <span class="bluefont">Blue</span>however, you should stick to very basic fonts like arial or times because the font will only display correctly if the end user has the font installed on their computer - this is why logos are usually done as a graphic.
     
    mjewel, Apr 24, 2006 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    BJ, you're asking very elementary questions about issues that should be a part of your knowledge base. I seriously suggest you find some tutorials and dig in. Google is your friend.

    cheers,

    gary
     
    kk5st, Apr 24, 2006 IP
  4. Tribolis

    Tribolis Peon

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Something like this:

    .blue {
    color: #0000FF;
    }
    .green {
    color: #008080;
    }

    <span class="blue">HelloBlue</span><span class="green">AndGreen</span>

    Would show: HelloBlueAndGreen
     
    Tribolis, Apr 25, 2006 IP