How to convert a regular font to a UI font?

Question

I have an Android device and its language is Arabic. I want to replace its font with my own one (which is nicer!), but the default font for Arabic in Android is NotoNaskhArabicUI (which is a UI font; see this for example).

If I simply put my desired font in the action, in buttons, the text is clipped.

How can I convert a regular TTF font to a UI font so it has stricter vertical boundaries?

Answer 1

You can try the Font Squirrel webfont generator: https://www.fontsquirrel.com/tools/webfont-generator It converts your uloaded font into woff and woff2 format, which later can be used with @font-face in CSS like this:

@font-face {
    font-family: 'noto_sans_arabic_uiregular';
    src: url('notosansarabicui-regular-webfont.woff2') format('woff2'),
         url('notosansarabicui-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}