cambiar tipo de letra

hola queria saber si se puede cambiar el tipo de la letra para los textos o hay ke aguantase con la predeterminada
y si se puede cambiar ,como se hace?
hola he probado para los titulos pero no me funciona , o no lo estoy haciendo bien
h1 {font-size : 1.8em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
como lo tengo ke escribir?
donde puedo saber los nombres de las letras?
abre word

y seleccionas ahi el tipo de letra, copias el nombre y listo

para ayudarte con eso... pega el codigo completo
de html y de css

saludos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Que ver ria Ferrol</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>
  • Ria
  • Ferrol
  • Naron
  • Neda
  • Fene
  • Mugardos
  • Foro

    </div>

    <div id="contenido">

    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • enlace 1
  • enlace 2
  • enlace 3
  • enlace 4
    </div>

    <h1>xxxxxxxxx</h1>





    xxxxxxxxxx xxxxxxxxxxxxx xxxxxxx xxxxxxxx xxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxx
    xxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxx xxxxxxxxxxxxxx xxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxxxxxxxxxxx xxxxxxxx xxxxxxxxxxxxx xxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxx</p>
    </div>

    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan
    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    </div>


    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>



    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify }
    h1 {font-size : 1.8em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center }
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
    body { text-align: center}
    #global {width:800px ; margin: 4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }

    #cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
    #logotipo { width:300px ; float:left }
    #publicidad { width:300px ; float:right ; margin-top:25px}

    #navegacion {background-color: lightgray ; border: black 1px solid ; height:30px}
    #navegacion li {float:left ; list-style:none ; margin: 5px 30px 5px 30px}
    #navegacion ul { margin-left: 60px }
    #contenido {background-color:orange ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu { width: 150px ;float:left ;text-align:left ; margin: 3px 10px 3px 3px ;background-image: url(objetos/menu-parte-inferior.gif) ;background-position: bottom ;padding-bottom:5px }
    #menu li { list-style:none ; margin: 4px 8px 4px 6px ; }
    #menu h1 {padding-top:12px ;text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif)}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ;height: 65px }
    #pie li {list-style: none ; font-size: 12px}
    #pieuno { float:left ; width:150px }
    #piedos { float:left ; width:498px }
    #pietres { float:left ; width:150px }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ;overflow: hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ;overflow: hidden }
    a {color:brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ;background-color: silver }
    a:active {}
    #pie a {color: blue; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color:white }
    #pie a:active {color:black}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}



    gracias por adelantado
  • aqui

    h2 {font.size: 1.1em; color:blue

    debe ser

    h2 {font-size: 1.1em; color:blue

    aqui el color es mejor que lo pongas en ccodigos numericos
    background-color: lightgray

    aqui
    dices que tu logo mide 100px de alto
    pero en el div cabecera tienes 85px de alto, debes igualarlos

    lo demàs lo veo bien

    saludos

    [contenido no disponible]