Convert Arabic TTF/OTF fonts to woff, eof?

Viewed 10335

First I know there are similar questions to mine,

and I do tried Font Squirrel Generator for tons of Arabic fonts, all of them render text in English correctly but none of them worked with Arabic letters!!

so is there a desktop tool (since all web apps is not working) than can convert Arabic fonts without breaking them ??

I have purchased an Arabic font, and I just want to convert it so I can use it on the web, and I did not like the idea to pay subscriptions to some fancy websites like fonts.com each month to provide me with these fonts !

and in case you're wondering about my CSS here you go:

/* CSS */
@font-face {
    font-family: 'GESSTVBold';
    src: url('arabic-3/ge_ss_tv_bold-webfont.eot');
    src: url('arabic-3/ge_ss_tv_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('arabic-3/ge_ss_tv_bold-webfont.woff') format('woff'),
         url('arabic-3/ge_ss_tv_bold-webfont.ttf') format('truetype'),
         url('arabic-3/ge_ss_tv_bold-webfont.svg#GESSTVBold') format('svg');
    font-weight: normal;
    font-style: normal;

} 

.ar {
    font-family:"GESSTVBold";  
}

<!-- HTML -->
<h1 class="ar">مرحبا بالخط العربي</h1>

Thanks

5 Answers

I encountered some issues while converting Persian or Arabic Fonts. For instance, words became separated. So الیاس converted to ال‌ی‌ا‌س.

In order to compress Persian font appropriately, I have used transfonter website, and my configurations were as follows:

  • Family support checked
  • local rule unchecked
  • Fix vertical metrics unchecked
  • Base64 encode unchecked
  • Formats: WOFF and WOFF2
  • Hinting: Strip Hinting
  • Subset: Arabic
  • Unicode Ranges: U+0600-06FF
  • Font display: swap

The mentioned website could successfully convert 1.1 MB TTF to 166.1 KB WOFF2.

Related