Encontré este código. pero no se si está bien, eso de "fuente" me parece que está demás, y no se si usa más opciones o si hay otros códigos similares que funcionen mejor.

<style> 
<!-- 
BODY { scrollbar-base-color : #000000; 
scrollbar-arrow-color : #FFFFFF; } 
.nav { 
color : #FFCC00; 
font-size : 8pt;} 
--> 
</style>

Perdón, era "font-size" la parte que dudo

Las propiedades disponibles en CSS para modificar el aspecto de la scrollbar son:

<style type="text/css">
 body {
     scrollbar-face-color: #xxxxxx; 
     scrollbar-highlight-color: #xxxxxx; 
     scrollbar-shadow-color: #xxxxxx; 
     scrollbar-3dlight-color:#xxxxxx;
     scrollbar-arrow-color:#xxxxxx; 
     scrollbar-track-color:#xxxxxx; 
     scrollbar-drakshadow-color:#xxxxxx;
 }
 </style>

Si no lo entiendes puedes buscar por Google 'CSS scrollbar' alguna página donde expliquen las propiedades.

Con JavaScript, tal vez se puedan modificar pero imagino (no estoy seguro) que sería modificando las propiedades CSS mediante el DOM, pero no merece la pena si lo que quieres es modificarla desde el principio.

document.getElementsByTagName('body')[0].style.propiedad = 'valor';

<style type="text/css">
 body {
     scrollbar-face-color: #xxxxxx; 
     scrollbar-highlight-color: #xxxxxx; 
     scrollbar-shadow-color: #xxxxxx; 
     scrollbar-3dlight-color:#xxxxxx;
     scrollbar-arrow-color:#xxxxxx; 
     scrollbar-track-color:#xxxxxx; 
     scrollbar-drakshadow-color:#xxxxxx;
 }
 </style>

Si no lo entiendes puedes buscar por Google 'CSS scrollbar' alguna página donde expliquen las propiedades.

Con JavaScript, tal vez se puedan modificar pero imagino (no estoy seguro) que sería modificando las propiedades CSS mediante el DOM, pero no merece la pena si lo que quieres es modificarla desde el principio.

document.getElementsByTagName('body')[0].style.propiedad = 'valor';

En ese código se modifican dos de las propiedades que te he dicho, tu duda con el font-size no es un problema, ya que no esta definiendose en el body , sino en la clase nav (y aunque se definiera en el body,  es una propiedad que afectaría a la fuente, no al scrollbar):

.nav{
    color : #FFCC00;
    font-size : 8pt;}
}

Lo que te interesa de ese código es lo que se define en el body (que es donde se modifica el scrollbar de la página).

No se si será compatible con todos los navegadores, pero con CSS es la única forma que puedes modificarlo (o lo ocultas en el body con la propiedad overflow y buscas algún código JavaScript que cree un scrollbar personalizado).

mmm... estaré probando... muchas gracias, siempre dejas muy claro todo... ahora me pondré a probar a ver que sucede...