Usando fuentes personalizadas como recursos en la aplicación Android

, Author

SHISHIR
SHISHIR

Follow

Aug 13, 2018 – 4 min read

Una de las características realmente interesantes para los desarrolladores android 8.0 (nivel de API 26) introduce, Fuentes en XML, que nos permite utilizar las fuentes como recursos. Podemos añadir el archivo font en la carpeta res/font/ para agrupar las fuentes como recursos. Estas fuentes se compilan en el archivo R y están disponibles automáticamente en Android Studio.

Para utilizar la función Fonts in XML en dispositivos que ejecutan Android 4.1 (nivel de API 16) y superior, tenemos que utilizar la biblioteca de soporte 26. Para añadir fuentes como recursos, realice los siguientes pasos en el Android Studio:

Resultado de la imagen para android custom font image banner
Fuente personalizada en android
  • Haga clic con el botón derecho del ratón en la carpeta res y vaya a New > Android resource directory. – Aparece la ventana Nuevo directorio de recursos.
  • En la lista Tipo de recurso, seleccione font y, a continuación, haga clic en Aceptar.
  • Nota: El nombre del directorio de recursos debe ser fuente.

Agrega tus archivos de fuentes en la carpeta de fuentes

  • Agrega tus fuentes ttf o otf en la carpeta de fuentes. La estructura de la carpeta es la siguiente.

  • Puede hacer doble clic en un archivo de fuentes para previsualizar las fuentes del archivo en el editor.

Crear familia de fuentes

Para crear una familia de fuentes, realice los siguientes pasos en Android Studio:

  • Haga clic con el botón derecho en la carpeta font y vaya a Nuevo > Archivo de recursos de fuentes. Aparece la ventana Nuevo archivo de recursos.
  • Ingrese el nombre del archivo y, a continuación, haga clic en Aceptar. El nuevo recurso de fuente XML se abre en el editor.
  • Cierre cada archivo de fuente, estilo y atributo de peso en el elemento <font>. El siguiente XML ilustra la adición de atributos relacionados con las fuentes en el XML de recursos de fuentes:

Usa esta fuente

Ahora puedes usar esta fuente en tu aplicación de las siguientes maneras –

  • usa la fuente directamente en el archivo de diseño
  • usa la fuente programáticamente
  • utilizar la fuente a través del estilo y el tema de la aplicación (esta es la mejor manera)

Utilizar la fuente directamente en el archivo de diseño

  • En el archivo XML de diseño, establezca el atributo fontFamily al archivo de fuentes al que desea acceder.
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto_fonts_family"/>

Utilizar la fuente mediante programación

  • También puede establecer la fuente mediante programación. Para establecer la fuente programáticamente siga los siguientes códigos.
Typeface typeface = ResourcesCompat.getFont(this, R.font.roboto);
.............or........................
Typeface typeface = getResources.getFont(R.font.roboto);textView.setTypeface(typeface);

Utilice la fuente a través del estilo y el tema de la App

Abra el styles.xml, y establezca el atributo fontFamily al archivo de la fuente que desea acceder.

# Using the font via app theme....(this is the best way)
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
....
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>
-----------------------------------------------------------
# Using the font via style. Now you can add this style wherever you want.
<style name="customfontstyle">
<item name="android:fontFamily">@font/roboto_fonts_family</item>
</style>

Descarga Google Fonts para tu App

Paso 1: Selecciona una vista de texto en tu app y haz clic en el atributo fontFamily bajo Atributos en el diseño gráfico.

paso 2: Selecciona el "More Fonts…" en la parte inferior, que abrirá el diálogo de abajo. entonces usted verá una nueva ventana se abrirá, allí se puede escribir para su fuente requerida y deseada de esa lista es decir) Regular, Negrita, Cursiva, etc., como se muestra en la siguiente imagen.

Paso 4: Ahora hay dos opciones:

Añadir fuente al proyecto: las fuentes se descargarán a su proyecto en la carpeta de fuentes (la carpeta de fuentes se generará automáticamente si no se ha creado antes). Ahora esta fuente está lista para ser utilizada. Puede utilizar esta fuente haciendo font-family como antes.

Crear fuente descargable: Esta es otra característica emocionante de la aplicación para Android. Ahora no estoy escribiendo para esto. Usted puede ver un buen artículo sobre Crear fuente descargable.

Gracias por leer este artículo. No se olvide de dar palmadas si su encontrar este artículo útil. Feliz Codificación:)

Deja una respuesta

Tu dirección de correo electrónico no será publicada.