how to prevent system font-size changing effects to android application?

AndroidAndroid Fonts

Android Problem Overview


I recently finished developing my android application. I used sp (Scaled pixels) for all textSize. The problem is when i adjusted the system font-size, my application's font-sizes are changing. I can use dp (Device independent pixels) but it will take too long to maintain my application.

I referenced text size from this.

Is there a way to prevent system font-size changing effects to my application ?

Android Solutions


Solution 1 - Android

If you require your text to remain the same size, you'll have to use dp.

To quote the documentation:

> An sp is the same base unit, but is scaled by the user's preferred text size (it’s a scale-independent pixel), so you should use this measurement unit when defining text size (but never for layout sizes).

Emphasis mine.

So you're seeing the expected behaviour for using sp as your units for text size.

I don't understand what you mean about using dp taking too long to maintain your app - as far as I can tell, it'll exactly be the same amount of effort? (perhaps less, though it'll likely make it less usable for users with poor eyesight)

Solution 2 - Android

I recently ran into this problem as well. Our UI didn't scale well on phones with limited screen dimensions and changing the entire UI on the off chance a user set's their Accessibility Options to "Huge" seemed silly.

I found this question on StackOverflow to be most helpful.

What I did was put the following code below in my BaseActivity (an Activity class that all my activities extend from)

public void adjustFontScale(Configuration configuration) {
    if (configuration.fontScale > 1.30) {
        LogUtil.log(LogUtil.WARN, TAG, "fontScale=" + configuration.fontScale); //Custom Log class, you can use Log.w
        LogUtil.log(LogUtil.WARN, TAG, "font too big. scale down..."); //Custom Log class, you can use Log.w
        configuration.fontScale = 1.30f;
        DisplayMetrics metrics = getResources().getDisplayMetrics();
        WindowManager wm = (WindowManager) getSystemService(WINDOW_SERVICE);
        wm.getDefaultDisplay().getMetrics(metrics);
        metrics.scaledDensity = configuration.fontScale * metrics.density;
        getBaseContext().getResources().updateConfiguration(configuration, metrics);
    }
}

And called it right after my super.onCreate() like so

adjustFontScale(getResources().getConfiguration());

What this code does is identify if the user set their font scale in Accessibility Settings to something greater than 1.30f (1.30f is "Large" on The Note 5, but probably varies a bit from device-to-device). If the user set their font too large ("Extra Large", "Huge"...), we scale the application only to "Large".

This allows your app to scale to a user's preferences (to a degree) without distorting your UI. Hopefully this will help others. Good luck scaling!

Other Tips

If you want certain layouts to scale with your fonts (say...a RelativeLayout that you use as a backdrop against your fonts), you can set their width/height with sp instead of the classic dp. When a user changes their font size, the layout will change accordingly with the fonts in your application. Nice little trick.

Solution 3 - Android

None of the previous answers worked for me, on Android 8.1 (API 27). Here's what worked: Add the following code to your activity:

Kotlin Code:

override fun attachBaseContext(newBase: Context?) {
    
    val newOverride = Configuration(newBase?.resources?.configuration)
    newOverride.fontScale = 1.0f
    applyOverrideConfiguration(newOverride)

    super.attachBaseContext(newBase)
}

Java Code:

@Override
protected void attachBaseContext(Context newBase) {
    
    final Configuration override = new Configuration(newBase.getResources().getConfiguration());
    override.fontScale = 1.0f;
    applyOverrideConfiguration(override);

    super.attachBaseContext(newBase);
}

You don't need to change your AndroidManifest.xml.

Solution 4 - Android

That's how we do it. In Application class override onConfigurationChanged() like this. If you want different behavior for different activities - override onConfigurationChanged() in Activity.

Don't forget to add manifest tag android:configChanges="fontScale" since you are hadnling this configuration change yourself.

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);

    // In some cases modifying newConfig leads to unexpected behavior,
    // so it's better to edit new instance.
    Configuration configuration = new Configuration(newConfig);
    SystemUtils.adjustFontScale(getApplicationContext(), configuration);
}

In some helper class we have adjustFontScale() method.

public static void adjustFontScale(Context context, Configuration configuration) {
    if (configuration.fontScale != 1) {
        configuration.fontScale = 1;
        DisplayMetrics metrics = context.getResources().getDisplayMetrics();
        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        wm.getDefaultDisplay().getMetrics(metrics);
        metrics.scaledDensity = configuration.fontScale * metrics.density;
        context.getResources().updateConfiguration(configuration, metrics);
    }
}

WARNING! That will totally ignore Accessibility Font Scale user settings and will prevent your App fonts scaling!

Solution 5 - Android

That's how you do it in 2018 (Xamarin.Android/C# - same approach in other languages):

public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
{
    protected override void OnCreate(Bundle bundle)
    {
...
    }

    protected override void AttachBaseContext(Context @base)
    {
        var configuration = new Configuration(@base.Resources.Configuration);

        configuration.FontScale = 1f;
        var config =  Application.Context.CreateConfigurationContext(configuration);

        base.AttachBaseContext(config);
    }
}

All you need is override attachBaseContext method of activity and update config there.

getBaseContext().getResources().updateConfiguration() is deprecated though there're numerous examples with this method. If you use this approach besides the IDE warning you might find some parts of your app not scaled.

Solution 6 - Android

There's another way to prevent app layout issue / font issue from the setting font size change. You can try

// ignore the font scale here
final Configuration newConfiguration = new Configuration(
    newBase.getResources().getConfiguration()
);

newConfiguration.fontScale = 1.0f;
applyOverrideConfiguration(newConfiguration);

where newBase is from attachBaseContext function. You need to override this callback in your Activity.

But, the side effect is that if you wanna use animation (objectanimator/valueanimator), then it will cause the weird behavior.

Solution 7 - Android

you can force to text size of your app using base activity Configuration, make all activities inherent base activity. 1.0f will force the app font size to normal ignoring system settings.

public  void adjustFontScale( Configuration configuration,float scale) {

configuration.fontScale = scale;
DisplayMetrics metrics = getResources().getDisplayMetrics();
WindowManager wm = (WindowManager) getSystemService(WINDOW_SERVICE);
wm.getDefaultDisplay().getMetrics(metrics);
metrics.scaledDensity = configuration.fontScale * metrics.density;
getBaseContext().getResources().updateConfiguration(configuration, metrics);

}

@Override
 protected void onCreate(@Nullable Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     adjustFontScale( getResources().getConfiguration(),1.0f);
}

Solution 8 - Android

I encountered the same problem and fixed it by changing sp to dp in .XML file. However, I also need to fix the text size of the WebViews.

Normally, to adjust the text size of the WebView the setDefaultFontSize() function is used. However, its default value unit is sp.

In my project, I used setTextZoom(100) to fix the text and icon size of the WebView.* (There are other methods in stackoverflow but almost all of them are deprecated)*

WebSettings settings = mWebView.getSettings();
settings.setTextZoom(100);

For further details about setTextZoom()

Solution 9 - Android

I think usage of dp is the best way, but in some case you may want to use a font style. However, the style is using sp, you can convert sp to dp by:

fun TextView.getSizeInSp() = textSize / context.resources.displayMetrics.scaleDensity

fun TextView.convertToDpSize() = setTextSize(TypedValue.COMPLEX_UNIT_DIP, getSizeInSp())

So, you can use the sp value from style without dynamic font size, and no need to hardcode the font size

Solution 10 - Android

Tried answers about disabling fontScale in whole application. It's working, but I come to answer it's a terrible idea for only one reason:

> You don't make your app better for visually impaired people.

Better way (I think) it's allow font scale but with restrictions only in some places, where you can't scale your text for it looks readable.


Realization (10.02.22)

After a day of thinking, I created Kotlin extension for TextView (also may use for EditText because it's a child):

fun TextView.removeFontScale() {
    val fontScale = resources.configuration.fontScale
    if (fontScale != 1f) {
        val scaledTextSize = textSize
        val newTextSize = scaledTextSize / fontScale / fontScale
        textSize = newTextSize
    }
}

Need divide scaledTextSize twice because after setting a new textSize for TextView font scale will happen.


UPDATE / FIX (14.02.22)

Previous solution doesn't work on real devices, only emulator (vice versa it overwise increasing text size). So, I found another way:

val scaledTextSize = textSize
val newTextSize = scaledTextSize / fontScale
setTextSize(TypedValue.COMPLEX_UNIT_PX, newTextSize)

Here new textSize for TextView after setting will not be scaled on fontScale value.


Use example:

titleText.removeFontScale()
subtitleText.removeFontScale()

Logs of working, size in 1.3/1.5 scale become like in 1.0 scale:

  • Old realization (10.02.22):

    fontScale: 1.0 | oldSize: 20    
    fontScale: 1.3 | oldSize: 26 | newSize: 20.0
    
  • New realization (14.02.22):

    fontScale: 1.5 | oldSize: 83.0 | newSize: 55.333332 | textSize: 55.333332
    fontScale: 1.5 | oldSize: 58.0 | newSize: 38.666668 | textSize: 38.666668
    

P.S. I notice that standard Toolbar didn't scale fonts and after that I understand that this practice is OK (disable scaling where it's really need).

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionjamesView Question on Stackoverflow
Solution 1 - AndroidAdam SView Answer on Stackoverflow
Solution 2 - Androidwelshk91View Answer on Stackoverflow
Solution 3 - AndroiddiogenesggView Answer on Stackoverflow
Solution 4 - AndroidlocalhostView Answer on Stackoverflow
Solution 5 - AndroidMaxim SaplinView Answer on Stackoverflow
Solution 6 - AndroidChauyanView Answer on Stackoverflow
Solution 7 - AndroidUsama Saeed USView Answer on Stackoverflow
Solution 8 - AndroidmzdoganView Answer on Stackoverflow
Solution 9 - AndroidfungView Answer on Stackoverflow
Solution 10 - AndroidSerjantArbuzView Answer on Stackoverflow