TypefaceSpan叠加生效异常：仅第一个TypefaceSpan生效如何解决？

问题原因 #

默认的TypefaceSpan依赖字体家族名称生效，且当多个Span范围重叠时，Android的Span渲染逻辑会优先选择覆盖范围更广的Span（比如你代码中typeface1的10-100包含了typeface2的20-30），导致范围更小的Span被覆盖，无法生效。

解决方案 #

自定义一个直接操作Typeface的MetricAffectingSpan子类，绕过默认TypefaceSpan的家族名限制，同时正确处理重叠Span的渲染优先级。

自定义CustomTypefaceSpan代码 #

import android.graphics.Paint;
import android.graphics.Typeface;
import android.text.TextPaint;
import android.text.style.MetricAffectingSpan;

public class CustomTypefaceSpan extends MetricAffectingSpan {
    private final Typeface typeface;

    public CustomTypefaceSpan(Typeface typeface) {
        this.typeface = typeface;
    }

    @Override
    public void updateDrawState(TextPaint ds) {
        applyTypeface(ds);
    }

    @Override
    public void updateMeasureState(TextPaint paint) {
        applyTypeface(paint);
    }

    private void applyTypeface(Paint paint) {
        Typeface oldTypeface = paint.getTypeface();
        int oldStyle = oldTypeface != null ? oldTypeface.getStyle() : 0;
        int fakeStyle = oldStyle & ~typeface.getStyle();

        if ((fakeStyle & Typeface.BOLD) != 0) {
            paint.setFakeBoldText(true);
        }
        if ((fakeStyle & Typeface.ITALIC) != 0) {
            paint.setTextSkewX(-0.25f);
        }

        paint.setTypeface(typeface);
    }
}

使用示例 #

// 初始化StringBuilder和Typeface
StringBuilder stringBuilder = new StringBuilder("测试多字体效果的文本内容");
Typeface typeface1 = Typeface.createFromAsset(getAssets(), "font_one.ttf");
Typeface typeface2 = Typeface.createFromAsset(getAssets(), "font_two.ttf");

// 设置自定义Span
stringBuilder.setSpan(new CustomTypefaceSpan(typeface1), 10, 100, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
stringBuilder.setSpan(new CustomTypefaceSpan(typeface2), 20, 30, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

// 绑定到TextView
yourTextView.setText(stringBuilder);

原理说明 #

自定义的CustomTypefaceSpan直接修改Paint的Typeface属性，同时处理了原字体样式与目标字体样式的兼容（比如保留原字体的粗体/斜体特性，避免样式丢失）。当Span范围重叠时，Android会优先应用范围更精确的Span（即后设置的、范围更小的20-30区间），从而实现不同区间的字体区分效果。

内容的提问来源于stack exchange，提问作者ikramul haque