Een van de echt interessante functies voor ontwikkelaars android 8.0 (API-niveau 26) introduceert, Fonts in XML, die ons in staat stelt om lettertypen te gebruiken als bronnen. We kunnen de font bestand in de res/font/ map om lettertypen te bundelen als middelen. Deze lettertypen worden gecompileerd in R bestand en zijn automatisch beschikbaar in Android Studio.

Om de Fonts in XML-functie te gebruiken op apparaten met Android 4.1 (API-niveau 16) en hoger, moeten we de Support Library 26 gebruiken. Om lettertypen als bronnen toe te voegen, voert u de volgende stappen uit in Android Studio:

• Klik met de rechtermuisknop op de res-map en ga naar New > Android resource directory. – Het venster New Resource Directory verschijnt.
• Selecteer font in de lijst Resourcetype en klik vervolgens op OK.
• Note: De naam van de resource directory moet font zijn.

Voeg uw font-bestanden toe in de font-map

• Voeg uw ttf of otf fonts toe in de font-map. De mapstructuur ziet er als volgt uit.

• U kunt dubbelklikken op een lettertypebestand om de lettertypen van het bestand te bekijken in de editor.

lettertypefamilie maken

Om een lettertypefamilie te maken, voert u de volgende stappen uit in de Android Studio:

• Klik met de rechtermuisknop op de font map en ga naar Nieuw > Font resource file. Het venster New Resource File verschijnt.
• Voer de bestandsnaam in, en klik dan op OK. De nieuwe XML font resource wordt geopend in de editor.
• Sluit elk fontbestand, elke stijl en elk gewichtsattribuut in het <font> element af. De volgende XML illustreert het toevoegen van font-gerelateerde attributen in de font resource XML:

Gebruik dit lettertype

Nu kunt u dit lettertype op de volgende manieren in uw app gebruiken –

• gebruik het lettertype rechtstreeks in het lay-outbestand
• gebruik het lettertype programmatisch
• gebruik het lettertype via stijl en app thema (dit is de beste manier)

gebruik het lettertype rechtstreeks in het lay-out bestand

• In het lay-out XML bestand, stelt u het fontFamily-attribuut in op het lettertypebestand waartoe u toegang wilt hebben.

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/roboto_fonts_family"/>

Het lettertype programmatisch gebruiken

• U kunt het lettertype ook programmatisch instellen. Volg de onderstaande codes om het lettertype programmatisch in te stellen.

Typeface typeface = ResourcesCompat.getFont(this, R.font.roboto);
.............or........................
Typeface typeface = getResources.getFont(R.font.roboto);textView.setTypeface(typeface);

Gebruik het lettertype via stijl en App theme

Open de styles.xml, en stel het fontFamily-attribuut in op het lettertypebestand waartoe u toegang wilt hebben.

# 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>

Download Google Fonts voor uw App

stap 1: Selecteer een tekstweergave in uw app en klik op het fontFamily attribuut onder Attributes in de grafische lay-out.

stap 2: Selecteer de "More Fonts…" onderaan, waardoor het onderstaande dialoogvenster wordt geopend. Er wordt een nieuw venster geopend waarin u het gewenste lettertype uit de lijst kunt selecteren, zoals Normaal, Vet, Cursief enzovoort, zoals in de onderstaande afbeelding.

stap 4: Nu zijn er twee opties:

Lettertype toevoegen aan project: lettertypen worden gedownload naar uw project in de map met lettertypen (de map met lettertypen wordt automatisch aangemaakt als deze nog niet is aangemaakt). Nu zijn deze lettertypen klaar voor gebruik. U kunt dit lettertype gebruiken door het maken van font-family als voorheen.

Maak downloadbare lettertype: Dit is een andere opwindende functie van android app. Nu ben ik niet schrijven voor deze. U kunt een mooi artikel te zien op Maak downloadbare font.

Dank voor het lezen van dit artikel. Vergeet niet om klappen te geven als je dit artikel nuttig. Happy Coding:)