No puedo cambiar la fuente de un div

[mblascog]

Buenas,
Quiero asignar la fuente cGothics de 12px a todo el div, pero no hay manera, alguna cosa lo impide o tengo escrito mal.
Alguien sabe ver el problema? Gracias

Código HTML:

<div id="divFacturado" style="font:12px cGothics;">
    <div style="width:25%;float:left;background-color:#CCCCCC;">
        <div id="titolProveedores" style="float:left;margin-bottom:10px;margin-top:10px;width:100%;text-align:center;font:12px cGothics;">
            PROVEEDOR <input type="text" style="text-transform:uppercase;" id="proveidor" onkeyup="posicionSelect(this.value)">
        </div>
        <div id="proveidors" style="float: left; width: 100%; text-align: center;">
        <select style="width:90%;font:12px cGothics;" name="selectProveedor" id="selectProveidor" size="16")">
            <option value="73">PROV1</option>
            <option value="28">PROV2</option>
            <option value="43">PROV3</option>
        </select>
    </div>
    </div>
    <div id="detallFacturat" style="display: block;width: 73%;float: right;font: 12px cGothics;background-color: rgb(204, 204, 204);">
        <div id="titolFactures" style="margin-top:10px;height:10px;">
            <div id="checks" style="width:60%;float:left;font:12px cGothics;">
                <div style="width:33%;float:left;font:12px cGothics;margin-left:1%;"><input type="radio" name="facturat" value="1" checked="">Facturar</div>
                <div style="width:33%;float:left;font:12px cGothics;"><input type="radio" name="facturat" value="2">No facturado</div>
                <div style="width:32%;float:left;font:12px cGothics;"><input type="radio" name="facturat" value="3">Todo</div>
            </div>
            <div style="width:40%;float:right;text-align:center;">
                <div style="width:33%;float:left;background:#FBC151;">AA</div> 
        <div style="width:34%;float:left;background:#B1F39C;">BB</div> 
        <div style="width:33%;float:left;background:#9CBBF3;">CC</div>
            </div>
        </div>
        <div id="detallFactures" style="margin-top:18px;">
        <table style="width:95%;margin:auto;">
            <tr style="background:#B1F39C">
                <td colspan="6">
                    <div style="width:180px;float:left;border-right:solid 2px white;">
                        <span style="font-weight:bold;">PEDIDO</span><span>7075-1953</span>
                    </div>
                </td>
            </tr>
            <tr><td style="padding-left:20px;width:160px;">2060410010006</td>
                <td style="text-align:right;width:30px;">2</td>
                <td style="text-align:right;">33.00</td>
                <td style="text-align:right;">66.00</td>
                <td><input type="date" id="data7075-1953-0" value="0000-00-00'</td"></td>
                <td><input type="checkbox" id="check7075-1953-0">
                    <input type="hidden" value="3164</td"></td>
            </tr>
        </table>
    </div>
</div>
 
 
</body>
</html>
 

[petit89]

en donde defines o tienes la clase de estilo cGothics???

[mblascog]

Buenas, cGothics es un tipo de fuente.
Gracias

[DragonX]

Claro mblascog la fuente la tenes que definir en el css.

[mblascog]

Gracias DragonX, no entiendo cGothics es la fuente que uso en toda la aplicación y por defecto 14px, pero en estas capas, me gustaría 12px

No sé, hay alguna cosa que me impide el cambio, incluso he provado con !IMPORTANT y ni así

[tonigomila1988]

Hola mblascog,

lo primero de todo, como dice DragonX, tienes que definir un CSS, por que viendo tu código HTML, se nota que es de la vieja (muy vieja) escuela. Tendrías que mirar de aprender CSS para poder separar bien los códigos CSS y HTML.

Para tu solución, te explico paso a paso como lo haría yo:

1) En el archivo css defines un font-face para tu tipo de fuente de esta manera:

Código CSS:

@font-face{
font-family: cGothics;
src('tu ruta relativa hacia el archivo de fuente');
}
 

2) Para CSS, a no ser que sea algo muy específico, no trabajes con las id, trabaja con el atributo class. Por lo tanto, de esto:

Código HTML:

<div id="divFacturado" style="font:12px cGothics;">
 

pasas a esto:

Código HTML:

<div class="divFacturado">
 

3)Por último, defines la clase en CSS y le indicas las propiedades que quieres que tenga, en este caso, tu tipo de fuente y un tamaño de fuente:

Código CSS:

.divFacturado{
font-family: cGothics;
font-size: 12px;
}
 

Con esto debería funcionar sin ningún problema. Te lo recalco: aprende CSS, por que todo lo que haces en los style de cada etiqueta se escribe igual en CSS y está mucho más organizado.

Un saludo.

[xfxstudios]

a nota adicional, si esos divs tienen algún estilo ya incorporado por tus hojas css, debes indicarle al navegador que sobre escriba con tu personalización y pase por algo la por defecto:

Código CSS:

.divFacturado{
    font-family: cGothics !important;
    font-size: 12px !important;
}
 

con el !important le indicamos al navegador que tome en cuenta estas lineas del css y pase por algo cualquier otra del mismo tipo hacie el elemento.