Para un proyecto con Vuejs estoy utilizando Bootstrap. Quiero que todo el texto utilice una fuente determinada, digamos Arial, y me gustaría definirlo en un lugar único.
Dado que toda la aplicación cuelga de un <div id="#app">
genérico, se me ocurre decir lo siguiente en mi fichero css:
#app {
font-family: Arial;
}
Sin embargo, en otros lugares veo que se puede definir con:
@font-face {
font-family: Arial;
}
Lo probé pero hay lugares donde no funciona, incluso poniendo !important
al final.
Y en otros veo que podría decir:
body {
font-family: Arial;
}
¿Cuál de ellos es el "correcto"?