Para dar formato al texto de una página HTML, se utilizan estilos, definidos en lo que se conoce como "hojas de estilo en cascada" (Cascade Style Sheets), de dónde proviene el acrónimo CSS.
Hojas de Estilo en Cascada (del inglés Cascading Style Sheets) o CSS es el lenguaje de estilos utilizado para describir la presentación de documentos HTML o XML (incluyendo varios lenguajes basados en XML como SVG, MathML o XHTML). CSS describe cómo debe ser renderizado el elemento estructurado en la pantalla, en papel, en el habla o en otros medios.
CSS, que actualmente va por la versión 3, es un tema amplio y una respuesta de StackOverflow no sería suficiente para cubrirlo. Hay muchos sitios con videos, tutoriales, how-to's, cursos y otros recursos que te pueden ayudar a aprender sobre el tema. También hay muchos libros y artículos.
Un sencillo ejemplo (dale clic al botón ejecutar para ver el resultado aquí mismo en la respuesta):
p {
color: red;
font-style: bold;
font-size: 3rem;
background-color: yellow;
}
p > span {
color: black;
font-style: oblique;
}
<p>Hola <span>Noelia</span>!</p>
Recuerda que google es tu amigo:
Además:
Finalmente, tu script produce HTML, una vez tienes enlazada una hoja de estilos, es muy simple.
Puede ser que ya el elemento padre traiga el estilo, y no tengas que cambiar nada en tu sentencia, o si quieres usar un estilo particular, digamos con una clase, algo como:
document.write("<span class='fecha'" + diasSemana[f.getDay()] + ", " + f.getDate() + " de " + meses[f.getMonth()] + " de " + f.getFullYear() + "</span>");