代码之家  ›  专栏  ›  技术社区  ›  Thierry Roy

如何比较不同权重的OpenType字体,看它们是否相同?

  •  4
  • Thierry Roy  · 技术社区  · 6 年前

    ComicSans400.otf 来自 ComicSans100.otf 它的重量是400磅,但是经过调整看起来更好。

    我想知道是否有一种方法可以确保,如果我使用ComicSans100.otf并将其应用于400的权重,那么所有的字符看起来都将与ComicSans400.otf中的字符相同。

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

    2 回复  |  直到 6 年前
        1
  •  0
  •   Cheticamp    6 年前

    下面是一个简单而直观的方法来验证两种字体是否产生相同的字符。

    1. 定义 ConstraintLayout 有四个 TextViews : tv1 tv2 , tv3 tv4 . 定义文本颜色和字体如下。你呢 正在检查font1和font2。(确保 文本视图

      • 电视1 :红色,字体1
      • 电视2
      • 电视3 :蓝色,字体2
      • 电视4 :红色,字体1
    2. 地点 电视1 在…之上 电视2 电视3 电视4 .

    3. 将要签入的所有字符放入每个 文本视图 . 寻找任何颜色不匹配的颜色 TextView 电视1 在…之上 电视2 没有蓝色。为了 电视3 在…之上 你应该看到所有的蓝色和蓝色 没有红色。

    这可能是自动化的,但可能不值得的努力,如果一个简单的设置和目视检查将足够。一个有价值的自动化可能是寻找一个有问题的颜色像素。

    这里是布局可能是什么。这个小例子只是将默认字体视为粗体而不是粗体。

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

    enter image description here


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


    下面是一小段代码,它获取两个文本视图,并逐像素比较它们,如果它们不同或相同,则记录它们。

    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();
        }
    }
    
        2
  •  0
  •   MrMartin    6 年前

    手动分析字体的工具是 FontForge .

    enter image description here

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

    接下来,要将粗体与增加了权重的常规进行比较,请单击“编辑->全选”,然后单击“元素->样式->更改权重”,您可以直观地比较结果。

    enter image description here

    推荐文章