texto - tamaño de letra css 3
¿Cómo cambiar el tamaño de fuente predeterminado global de Bootstrap? (6)
El tamaño de letra predeterminado global de Bootstrap es 14px, con una altura de línea de 1.428. ¿Cómo puedo cambiar su configuración global predeterminada?
¿Tendré que cambiar bootstrap.min.css en todas las entradas múltiples?
Acabo de resolver este tipo de problema. Estaba tratando de aumentar
tamaño de fuente a tamaño h4. No quiero usar la etiqueta h4. Agregué mi CSS después de bootstrap.css no funcionó. La manera más fácil es esta: en el documento HTML, escriba
<p class="h4">
No necesita agregar nada a su hoja de css. Funciona bien La pregunta es ¿supongo que quiero un tamaño entre h4 y h5? Responda por qué? ¿Es esta la única manera de complacer a tus espectadores? Preferiré este método para alterar documentos estándar como bootstrap.
Bootstrap usa la variable:
$font-size-base: 1rem; // Assumes the browser default, typically 16px
No recomiendo la limpieza con esto, pero puedes. La mejor práctica es anular el tamaño de fuente base predeterminado del navegador con:
html {
font-size: 14px;
}
Bootstrap tomará ese valor y lo usará a través de rems para establecer valores para todo tipo de cosas.
En v4 cambia la variable SASS:
$font-size-base: 1rem !default;
Hay varias formas, pero ya que está utilizando solo la versión CSS y no las versiones SASS o LESS, su mejor opción es utilizar la herramienta de personalización de Bootstraps:
http://getbootstrap.com/customize/
Personalice lo que quiera en esta página y luego puede descargar una compilación personalizada con sus propios tamaños de fuente y cualquier otra cosa que quiera cambiar.
No se recomienda alterar el archivo CSS directamente (o simplemente agregar nuevos estilos CSS que anulen el Bootstrap CSS) porque otros valores de estilos Bootstrap se derivan del tamaño de fuente base. Por ejemplo:
https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss#L52
Puede ver que el tamaño de fuente base se usa para calcular los tamaños de h1, h2, h3, etc. Si acaba de cambiar el tamaño de fuente en el CSS (o agrega su propio tamaño de fuente), todos los demás valores que usaron el el tamaño de fuente en los cálculos ya no sería proporcionalmente preciso de acuerdo con el diseño de Bootstrap.
Como dije, su mejor opción es usar su propia herramienta Personalizar. Para eso es exactamente para eso.
Si está utilizando SASS o LESS, cambiaría el tamaño de la fuente en el archivo de variables antes de compilar.
La forma recomendada de hacer esto desde los documentos actuales de v4 es:
$font-size-base: 0.8rem;
$line-height-base: 1;
Asegúrese de definir las variables que se encuentran arriba de bootstrap css include y anularán el bootstrap.
No hay necesidad de otra cosa y esta es la manera más limpia
Se describe con bastante claridad en los documentos https://getbootstrap.com/docs/4.1/content/typography/#global-settings
Puede agregar un style.css , importar este archivo después de bootstrap.css para anular este código.
Por ejemplo:
/* bootstrap.css */
* {
font-size: 14px;
line-height: 1.428;
}
/* style.css */
* {
font-size: 16px;
line-height: 2;
}
No cambie bootstrap.css directamente para un mejor mantenimiento del código.