Fuentes tipográficas

Cómo implementar fuentes tipográfica .ttf personalizadas en Android

Video Agregar tipos de letras en Android

Normalmente Android acepta tipos de fuentes del formato .ttf con ello podemos personalizar nuestra app con diseños de fuentes aceptables para nuestra app.

Veamos ahora, una fuente tipográfica es un tipo de letra que se diferencia de las otras por el diseño, tamaño, legibilidad, forma, etc.. pues bien nuestras aplicaciones entre si, exlusivamente el diseño debe diseñarse y planearse de acuerdo al branding de la empresa. Para ello es necesario seguir ciertos parámetros dentro de los cuales esta el color, tipos de imágenes, gráficas y las fuentes tipográficas.

El desarrollo de aplicaciones móviles no esta exceptuado de ello; especialmente el ecosistema de aplicaciones en Android es flexible a la adición de archivos, en este caso intentaremos integrar fuentes .ttf

Debemos obtener al menos un tipo de fuente es decir un archivo .ttf para este proyecto codearemos con la fuente Roboto, la cual podemos descargar desde Google Fonts.

PASOS PARA AGREGAR UNA FUENTE .TTF EN ANDROID STUDIO

  1. Creamos una carpeta de recursos llamada assets, dentro del directorio principal app; 
  2. Luego dentro de la carpeta creada creamos otra con el nombre font
  3. Por último debemos agregar o importar (tan simple como copiar y pegar los archivos .ttf correspondientes a la fuente roboto del explorador  de windows).

Ahora veamos la implementación del código:

 <TextView
            android:id="@+id/nombre"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

En nuestra layout agregamos un TextView y le damos como ID  el name nombre

CODIGO JAVA PARA AGREGAR LA FUENTE A UN TEXTVIEW

Luego, en la clase activity implementamos el siguiente codigo JAVA

Typeface robotoLight = Typeface.createFromAsset(context.getAssets(),"font/roboto-condensed.light.ttf");           
            TextView nombre = (TextView) view.findViewById(R.id.nombre);
            nombre.setTypeface(robotoLight);

Y listo, con el método setTypeface hemos agregados la fuente a componente TextView nombre.

Podemos usarlo asi de simple, y de la misma manera en cualquier parte de nuestro proyecto Android.

No hay descargable

Redactado por: , Leido 4498 veces

CURSOS DE PROGRAMACIÓN CON PROYECTOS

© Todos los derechos reservados Codea App FullStack | Cursos de programación avanzados | 2020 - 2021