En av de riktigt intressanta funktionerna för utvecklare android 8.0 (API-nivå 26) introducerar Fonts in XML, vilket gör att vi kan använda typsnitt som resurser. Vi kan lägga till filen font i mappen res/font/ för att bunta teckensnitt som resurser. Dessa teckensnitt kompileras i R-filen och är automatiskt tillgängliga i Android Studio.

För att använda funktionen Fonts in XML på enheter som kör Android 4.1 (API-nivå 16) och högre måste vi använda stödbiblioteket 26. För att lägga till typsnitt som resurser utför du följande steg i Android Studio:

• Högerklicka på mappen res och gå till New > Android resource directory. – Fönstret Ny resurskatalog visas.
• I listan Resurstyp väljer du font och klickar sedan på OK.
• Obs: Namnet på resurskatalogen måste vara font.

Lägg till teckensnittsfilerna i teckensnittsmappen

• Lägg till teckensnittsmappen ttf eller otf. Mappstrukturen ser ut som nedan.

• Du kan dubbelklicka på en teckensnittsfil för att förhandsgranska filens teckensnitt i redigeraren.

Skapa typsnittsfamilj

För att skapa en typsnittsfamilj utför du följande steg i Android Studio:

• Högerklicka på mappen font och gå till Ny > Typsnittsresursfil. Fönstret Ny resursfil visas.
• Inför filnamnet och klicka sedan på OK. Den nya XML-filen för typsnittsresurser öppnas i redigeringsverktyget.
• Slut varje attribut för typsnittsfil, stil och vikt i <font>-elementet. Följande XML illustrerar hur du lägger till teckensnittsrelaterade attribut i XML-filen för teckensnittsresurser:

Använd det här teckensnittet

Nu kan du använda det här teckensnittet i din app på följande sätt –

• Använd teckensnittet direkt i layoutfilen
• Använd teckensnittet i en layoutfil
• Använd teckensnittet i en layoutfil.
• använd teckensnittet via stil och apptema (detta är det bästa sättet)

Använd teckensnittet direkt i layoutfilen

• I XML-filen för layouten, ange attributet fontFamily till den teckensnittsfil som du vill komma åt.

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

Använd teckensnittet programmatiskt

• Du kan också ställa in teckensnittet programmatiskt. För att ställa in teckensnittet programmatiskt följer du nedanstående koder:

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

Använd teckensnittet via stil och apptema

Öppna styles.xml och ställ in attributet fontFamily till den teckensnittsfil som du vill komma åt.

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

Ladda ner Google Fonts för din app

steg 1: Välj en textvy i din app och klicka på attributet fontFamily under Attribut i den grafiska layouten.

steg 2: Välj "More Fonts…" längst ner, vilket öppnar dialogrutan nedan. Då öppnas ett nytt fönster där du kan skriva in önskat typsnitt från listan, t.ex. Regular, Bold, Italic etc. som visas i bilden nedan.

steg 4: Nu finns det två alternativ:

Add font to project: teckensnitten kommer att laddas ner till projektet i teckensnittsmappen (teckensnittsmappen genereras automatiskt om den inte skapats tidigare). Nu är teckensnitten redo att användas. Du kan använda teckensnittet genom att göra font-family som tidigare.

Skapa nedladdningsbart teckensnitt: Detta är en annan spännande funktion i android-appen. Nu skriver jag inte för detta. Du kan se en trevlig artikel om Create downloadable font.

Tack för att du läste den här artikeln. Glöm inte att ge klappar om du tycker att den här artikeln är användbar. Happy Coding:)