Ultimate Typography Resources: Google Fonts, Material Design, and Font Recommendations for Every App
Dive into a comprehensive guide on typography tools and font resources. Learn about Google Fonts, Material Design typography, downloadable fonts for Android, and curated font recommendations for over 100 app categories. Enhance your projects with the perfect typefaces today!
Explore top font resources and recommendations for app design, branding, and web projects. From Google Fonts to downloadable fonts, discover typography tools and app-specific font guides.
Google Fonts: Explore and Download Free Fonts
Typography Theming
- Material Design typography theming can be used to create typographic styles that reflect your brand or style by defining a set of type scales which will be used throughout your app.
- You can use type scales to customize the appearance of text in Material components.
Design and API Documentation
- Material Design guidelines: Typography
Usage
Attribute Name | Default Style |
---|---|
textAppearanceDisplayLarge | Regular 57sp |
textAppearanceDisplayMedium | Regular 45sp |
textAppearanceDisplaySmall | Regular 36sp |
textAppearanceHeadlineLarge | Regular 32sp |
textAppearanceHeadlineMedium | Regular 28sp |
textAppearanceHeadlineSmall | Regular 24sp |
textAppearanceTitleLarge | Regular 22sp |
textAppearanceTitleMedium | Medium 16sp |
textAppearanceTitleSmall | Medium 14sp |
textAppearanceBodyLarge | Regular 16sp |
textAppearanceBodyMedium | Regular 14sp |
textAppearanceBodySmall | Regular 12sp |
textAppearanceLabelLarge | Medium 14sp |
textAppearanceLabelMedium | Medium 12sp |
textAppearanceLabelSmall | Medium 11sp |
Style Values
Style values are a combination of the following:
- Font face name and weight
- Font size
- Letter spacing
- Text transformation (e.g., all caps)
Customization
The components included in the Material Design Library reference these themeable text attributes, enabling you to easily change text appearance across your whole application. If you display text in TextViews
or create custom components, consider referencing one of these text attributes where it makes sense.
<style name="TextAppearance.MyApp.DisplaySmall" parent="TextAppearance.Material3.DisplaySmall">
<item name="fontFamily">@font/custom_font</item>
<item name="android:textStyle">normal</item>
<item name="android:textAllCaps">false</item>
<item name="android:textSize">64sp</item>
<item name="android:letterSpacing">0</item>
</style>
<style name="Theme.MyApp" parent="Theme.Material3.DayNight.NoActionBar">
<item name="textAppearanceDisplaySmall">@style/TextAppearance.MyApp.DisplaySmall</item>
</style>
Downloadable Fonts
Android O and Android Support Library 26 add support for Downloadable Fonts. This allows you to easily use the entire Google Fonts Open Source collection without bundling a font with your APK. Find more information at https://developers.google.com/fonts/docs/android.
Note: If you want to use a Downloadable Font before Android O, make sure you are using AppCompatTextView
or that you are loading the font yourself with ResourcesCompat.getFont()
.
..
Use Downloadable Fonts with Android Studio and Google Play services
You can set your application to download fonts by using Android Studio 3.0 or higher. To help you get started with Downloadable Fonts features, you can use the font provider from Google Play services.
- In the Layout Editor, select a
TextView
. Then, under Attributes, select fontFamily > More Fonts.The Resources window appears. - In the Source menu, select Google Fonts.
- In the Fonts box, select a font under the "Downloadable" area.
- Select Create downloadable font and click OK.
Android Studio automatically generates the relevant XML files that are needed to render the font correctly in your app.
Type Scale Generator by Google Fonts
Instant Font Identification with WhatTheFont
- Easily identify fonts from images using WhatTheFont, powered by the world’s largest collection of fonts on MyFonts.
- Upload an image and discover the perfect match in seconds!
This guide lists 100 app categories for clarity and includes curated free and paid font recommendations to simplify typography choices for developers and designers.
..
Typography or Type scale generator - Android Material UI/UX
for android developer learn more about :
https://www.boltuix.com/2022/06/android-material-uiux-typography.html
Comments
Post a Comment