如何比较不同粗细的OpenType字体是否相同?

时间:2018-09-15 11:07:33

标签: fonts opentype ttx-fonttools

我有一堆具有不同权重和样式的OpenType字体文件(例如,ComicSans100.otf,ComicSans200.otf,ComicSans300.otf和TimeNewRoman.otf和TimesNewRomanItalic.otf)。提供这些文件的人不确定是否修改了不同字体的粗细和样式。例如,ComicSans400.otf中的字符来自ComicSans100.otf,权重为400,但经过调整后看起来更好。

我想知道是否有一种方法可以确保如果我将ComicSans100.otf应用于其重量为400的情况下,所有字符将看起来与ComicSans400.otf中的字符相同。

我问这个的原因是我想在Android应用程序中使用这些字体。而且每种字体都会增加应用程序的大小。

2 个答案:

答案 0 :(得分:0)

这是验证您的两种字体产生相同字符的一种简单直观的方法。

  1. 用四个ConstraintLayout定义一个TextViewstv1tv2tv3tv4。如下定义文本颜色和字体。您 正在互相检查font1和font2。 (请确保TextViews的背景是透明的。

    • tv1:红色,font1
    • tv2:蓝色,font2
    • tv3:蓝色,font2
    • tv4:红色,font1
  2. tv1放在tv2的顶部,并将tv3放在tv4上。

  3. 将要检查的所有字符放入每个TextViews中。查找与颜色不匹配的任何颜色 前TextView。对于tv1上方的tv2,您应该看到所有红色 而且没有蓝色。对于tv3上方的tv4,您应该看到所有蓝色和 没有红色。

这可以是自动化的,但是如果简单的设置和视觉检查就足够了,那么这可能不值得。一种有价值的自动化方法可能是寻找令人讨厌的颜色的像素。

这是布局可能的样子。这种琐碎的情况只是将默认字体视为粗体,而不是粗体。

<androidx.constraintlayout.widget.ConstraintLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="16dp"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:text="ABCEFGHIJKLMNOPQRSTUVWXYZ"
        android:textColor="@android:color/holo_blue_light"
        android:textSize="20sp"
        android:visibility="visible"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tv1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:text="ABCEFGHIJKLMNOPQRSTUVWXYZ"
        android:textColor="@android:color/holo_red_light"
        android:textSize="20sp"
        android:textStyle="bold"
        android:visibility="visible"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tv3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:text="ABCEFGHIJKLMNOPQRSTUVWXYZ"
        android:textColor="@android:color/holo_red_light"
        android:textSize="20sp"
        android:textStyle="bold"
        android:visibility="visible"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/guideline" />

    <TextView
        android:id="@+id/tv4"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:text="ABCEFGHIJKLMNOPQRSTUVWXYZ"
        android:textColor="@android:color/holo_blue_light"
        android:textSize="20sp"
        android:visibility="visible"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/guideline" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.50" />
</androidx.constraintlayout.widget.ConstraintLayout>

以下是输出以查看差异。该快照来自Android Studio设计器。

enter image description here


如果可能要检查很多字符,则上述方法将很困难并且容易出错。一种更自动化的方法是像上面那样定义两个文本视图,以相同的文本加载它们,但是使用两种字体进行相互测试。

MainActivity.java
这是一小段代码,它使用两个TextView并逐像素比较它们,并记录它们是否不同或相同。

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final TextView tv1, tv2;
        tv1 = findViewById(R.id.tv1);
        tv2 = findViewById(R.id.tv2);
        // Get all characters to check into a string.
        String s = getTextToCheck();
        tv1.setText(s);
        tv2.setText(s);
        final ConstraintLayout mLayout = findViewById(R.id.layout);
        mLayout.post(new Runnable() {
            @Override
            public void run() {
                Bitmap bitmap = Bitmap.createBitmap(mLayout.getWidth(), mLayout.getHeight(),
                                                    Bitmap.Config.ARGB_8888);
                Canvas canvas = new Canvas(bitmap);
                mLayout.draw(canvas);
                compareRects(bitmap, getViewRect(tv1), getViewRect(tv2));
            }
        });
    }

    private void compareRects(Bitmap bitmap, Rect rect1, Rect rect2) {
        int x1 = rect1.left;
        int x2 = rect2.left;
        if (rect1.width() != rect2.width()) {
            Log.i("CompareFonts", "<<<< TextView widths do not match");
        }
        if (rect1.height() != rect2.height()) {
            Log.i("CompareFonts", "<<<< TextView heights do not match");
        }

        int totalPixels = 0;
        int diffCount = 0;

        while (x1 < rect1.right && x2 < rect2.right) {
            int y1 = rect1.top;
            int y2 = rect2.top;
            while (y1 < rect1.bottom && y2 < rect2.bottom) {
                int pixel1 = bitmap.getPixel(x1, y1);
                int pixel2 = bitmap.getPixel(x2, y2);
                if (pixel1 != pixel2) {
                    diffCount++;
                    totalPixels++;
                } else if (pixel1 != 0) {
                    totalPixels++;
                }
                y1++;
                y2++;
            }
            x1++;
            x2++;
        }
        Log.i("CompareFonts", String.format(Locale.US, "<<<< Total pixels compared = %,d", totalPixels));
        Log.i("CompareFonts", String.format(Locale.US, "<<<< Different pixel count = %,d (%%%.2f) ",
                                            diffCount, (float) diffCount * 100 / totalPixels));

    }

    private Rect getViewRect(View view) {
        Rect rect = new Rect();
        rect.left = view.getLeft() + view.getPaddingLeft();
        rect.right = view.getRight() - view.getPaddingRight();
        rect.top = view.getTop() + view.getPaddingTop();
        rect.bottom = view.getBottom() - view.getPaddingBottom();
        return rect;
    }

    private String getTextToCheck() {
        // Define any text to check. This is just the printable ASCII character set.
        StringBuilder sb = new StringBuilder();

        for (int i = 32; i <= 126; i++) {
            sb.append((char) i);
        }
        return sb.toString();
    }
}

答案 1 :(得分:0)

用于手动分析字体的首选工具是FontForge

要进行比较,请先并排打开相似的字体: enter image description here

您可以看到我的两种字体是A750Sant-Regular(左)和A750Sans-Bold(右)。

下一步,要比较粗体和常规粗体,并增加权重,请单击“编辑->全选”,然后单击“元素->样式->更改权重”,然后可以直观地比较结果。

enter image description here

对于我的示例字体,有很大的不同,因此我将两者都保留。

在“元素->比较字体”下,还有一个自动比较两种字体的功能,但是我认为这不是您想要的。