letter, litera, monogram

¿Cómo agregar tipografías personalizadas en Flutter?

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:

  1. 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.
  2. Agrega las fuentes personalizadas a tu archivo pubspec.yaml. Para ello, incluye la siguiente sección en tu archivo:
  1. 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.


Publicado

en

,

Etiquetas:

Comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *