Si deseas personalizar la tipografía de tu aplicación Flutter, puedes agregar fuentes personalizadas y usarlas en tus textos. Aquí te mostramos cómo hacerlo:
- Agrega tus fuentes personalizadas a la carpeta «fonts» en la raíz de tu proyecto. Por ejemplo, puedes descargar la fuente «Poppins» desde Google Fonts y guardarla en la carpeta «fonts» de tu proyecto.
- Agrega las fuentes personalizadas a tu archivo pubspec.yaml. Para ello, incluye la siguiente sección en tu archivo:
- Una vez que hayas agregado las fuentes personalizadas a tu archivo pubspec.yaml, puedes usarlas en tu código Flutter. Por ejemplo, para usar la fuente «Poppins-Regular» en un Text Widget, puedes hacer lo siguiente:
Text(
'Hola mundo',
style: TextStyle(
fontFamily: 'Poppins',
fontWeight: FontWeight.w400,
),
),
Con estos sencillos pasos, podrás agregar fuentes personalizadas a tu aplicación Flutter y utilizarlas en tus textos. ¡Pruébalo y dale un toque único a tus proyectos Flutter!
La variante Italica o cursiva
fonts:
- family: Poppins
fonts:
- asset: fonts/Poppins-ExtraBold.ttf
weight: 800
- asset: fonts/Poppins-Bold.ttf
weight: 700
- asset: fonts/Poppins-SemiBold.ttf
weight: 600
- asset: fonts/Poppins-Medium.ttf
weight: 500
- asset: fonts/Poppins-Regular.ttf
weight: 400
style: normal
- asset: fonts/Poppins-Light.ttf
weight: 300
- asset: fonts/Poppins-Italic.ttf
weight: 400
style: italic
Text(
'Texto en cursiva',
style: TextStyle(
fontFamily: 'Poppins',
fontStyle: FontStyle.italic,
),
),
¿Tutorial en vídeo?
Deja un comentario si necesitas esta explicación en vídeo.
Deja una respuesta