etiquetas - metadatos html ejemplos

Cómo aplicar la fuente global a todo el documento HTML

Question

Tengo una página HTML que incluye texto y formato. Quiero que tenga la misma familia de fuentes y el mismo tamaño de texto ignorando todo el formato interno del texto.

Quiero establecer un formato de fuente global para la página HTML.

¿Cómo puedo conseguir esto?

Answer 1

Ajústelo en el selector de cuerpo de su CSS. P.ej

body {
    font: 16px Arial, sans-serif;
}

Answer 2

La mejor práctica, creo, es establecer la fuente para el cuerpo:

body {
    font: normal 10px Verdana, Arial, sans-serif;
}

y si decide cambiarlo por algún elemento, podría sobrescribirse fácilmente:

h2, h3 {
    font-size: 14px;
}

Answer 3

Nunca debes usar * + !important . ¿Qué sucede si quiere cambiar la fuente en algunas partes de su documento HTML? Siempre debes usar el cuerpo sin importancia. Use !important solo si no hay otra opción.

Answer 4

Prueba esto:

body
{
    font-family:your font;
    font-size:your value;
    font-weight:your value;
}

Answer 5

Use el siguiente css:

* {
    font: Verdana, Arial, ''sans-serif'' !important;/* <-- fonts */
}

El * -selector significa cualquiera / todos los elementos, pero obviamente estará en la parte inferior de la cadena alimentaria cuando se trata de anular selectores más específicos .

Tenga en cuenta que !important -flag hará que el estilo de font para * sea ​​absoluto, incluso si se han usado otros selectores para establecer el texto (por ejemplo, el body o tal vez una p ).

Answer 6

Debería poder utilizar el asterisco y los elementos !important dentro de CSS.

html *
{
   font-size: 1em !important;
   color: #000 !important;
   font-family: Arial !important;
}

El asterisco coincide con todo (probablemente podrías escapar sin el html también).

The !important asegura que nada puede anular lo que ha establecido en este estilo (a menos que también sea importante). (Esto es para ayudar con su requerimiento de que debería "ignorar el formato interno del texto", lo cual interpreté como que otros estilos no podían sobreescribirlos)

El resto del estilo dentro de las llaves es como cualquier otro estilo y puedes hacer lo que quieras allí. Elegí cambiar el tamaño de fuente, color y familia como un ejemplo.