Using custom fonts in Dreamweaver CSS for Website

Discussion in 'Design and Graphics' started by mashinhead, Nov 29, 2007.

  1. mashinhead macrumors 68020

    Joined:
    Oct 7, 2003
    #1
    I know that you can really use any font you want but weather or not it shows up on the user end is dependent on if the user has the font. An i know that the Dreamweaver default font options have a heirarchy to deal with this.

    My question is if you are adding fonts to the font list for use with a style sheet, how to you create you're own font hierarchy like Dreamweaver defaults do? I can only choose one, do i have to hand code in the conditional options if the user doesn't have that font? how do i define something like that?
     
  2. bertpalmer macrumors 6502

    Joined:
    Apr 12, 2007
    #2
    I'm not that experienced with this but my understanding is if you are going to use custom fonts then anyone viewing your site without that font installed on their computer will see a standard font i.e. 'arial' or whatever. As this is going to be pretty much everyone then it makes sense to stick to the standard fonts.
     
  3. Lau Guest

    #3
    If you're not comfortable hand coding, choose the options for the style sheet through Dreamweaver the way you normally would, and then enter the code view (or the split view) and look for something that will look like:

    Code:
    p
    {
    font-family: arial, "lucida console", sans-serif;
    }
    or similar. It'll be near the top of the page.

    You can then change the font names to whatever you like (although it's a good idea to leave a default one like Arial at the end of the list, and follow it with either sans-serif, serif or monospace (as above) so the computer knows what type of font to look for if it doesn't have any of them.

    So, you could have:

    Code:
    p
    {
    font-family: Georgia, Times, serif;
    }
    Code:
    p
    {
    font-family: Monaco, Courier, monospace;
    }
    Changing bits of code like that manually is a great way to learn about code as well, and it'll start to click the more you do.

    Here's a good link about this (well that whole website is a good link!).
     
  4. mashinhead thread starter macrumors 68020

    Joined:
    Oct 7, 2003
    #4
    thanks i actually did figure out how to make a custom font chain in Dreamweaver. you just add more that one font at the same time in the order you want and it's done.

    BUT i do have another question. this is about formatting text. I have a bulleted list. If i use the dreamweaver bullet point button, it indents the text but it only puts one bullet on at the first line. So i acutally put in the bullets manually (option + 8) and indented it. problem is if one of the bullets goes over one line into the second, that second line is left justified with the bullet as opposed to where the text starts on the line above. Like:

    • Example of how...
    it is...


    i tried adding a <br> tag which worked, but if i try to add spaces to move it over nothing happens. Any suggestions.
     

Share This Page