CODEWITHSUNDEEP
cssfontstruetypewebfontsopentype
Anas Nakawa
Anas Nakawa

Reputation: 2015

Convert Arabic TTF/OTF fonts to woff, eof?

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

Upvotes: 10

Views: 10855

Answers (5)

Elyas &#39;Eloy&#39; Hadizadeh Tasbiti
Elyas &#39;Eloy&#39; Hadizadeh Tasbiti

Reputation: 3665

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.

Upvotes: 1

Zakaria
Zakaria

Reputation: 1085

I tried to use the font Squirrel but there is no Arabic unicode support, and I tried to set the Unicode ranges: 0600-06FF,0FB50-0FDFF,0FE70- 0FEFE but the same problem in cutting arabic letters is still existed. finally I tried the site http://everythingfonts.com/otf-to-woff and the result was great

enter image description here

Upvotes: 3

antitoxic
antitoxic

Reputation: 3834

  1. Switch the Font Squirell to Expert mode.

  2. Then on Subsetting: choose either No subsetting or Custom subsetting

  3. Sorted! :)

EDIT:

On custom subsetting you either need to tick your desired subset or type it in the input fields.

Upvotes: 5

Hossam
Hossam

Reputation: 1037

Hope it's not too late, try font2web .. worked for me perfectly, just save your html file with codepage-1256 encoding.

Upvotes: 5

Litek
Litek

Reputation: 4888

I don't have any Arabic font on hand so you'll have to try it:

  1. upload your font
  2. choose expert
  3. on the list of options you have subsetting - this cuts off unwanted characters to save bandwidth - try "no subsetting" (unless you know unicode ranges, and you want to specify them)
  4. let me know if it worked.

Upvotes: 2

Related Questions