• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Guillermo García

  • Podcast
  • Blog
  • Contactar

Cómo cambiar la fuente por defecto

12 mayo, 2021 by Guillermo García

Si queremos que la fuente por defecto en todos los textos de una app con Flutter sea diferente, lo podemos hacer de forma muy sencilla.

Lo primero que tenemos que hacer es conseguir el fichero ttf de la fuente que queramos. Lo guardaremos en una nueva carpeta del proyecto y lo típico es nombrarla como «fonts».

Después, declararemos esa fuente en nuestro pubspect.yaml asignándole un identificador e indicándole dónde está. Por ejemplo:


1
2
3
4
5
6
flutter:
  uses-material-design: true
  fonts:
    - family: ComicNeue
      fonts:
        - asset: fonts/ComicNeue-Regular.ttf

Ahora ya podemos utilizarla en nuestra app.

Para que esta sea la fuente por defecto para todo, simplemente debemos indicarlo en el parámetro «fontFamily» del de nuestra MaterialApp:


1
2
3
4
5
6
MaterialApp(
  theme: ThemeData(
  fontFamily: 'ComicNeue'
  ),
  ...
)

¡Y listo! con esto ya hemos personalizado toda nuestra app.

Filed Under: Tutoriales de Flutter

sidebar

sidebar-alt