Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

like image 768
Anas Nakawa Avatar asked Jun 22 '11 08:06

Anas Nakawa


People also ask

What is OTF to WOFF conversion?

All otf to woff conversions make in the cloud and don't use any resources of your computer. The True Type and Open Type font formats have this file format, and it also has analog compression used in storing technology that functions to generate images from models. Independent Metadata can be stored using this file format with information on a font.

Is there any other way to convert fonts to EOT format?

Is there any other way to convert my fonts to EOT format? Use the Font Squirrel Generator - this will produce not just EOT, but also SVG and WOFF formats, and converting multiple font files at once, and providing everything in a single archive along with the relevant CSS. Here's a quick way to build ttf and eot versions from otf in one step.

What is OTF file format?

A format for displaying and storing OpenType fonts. It can be scaled without losing font quality. Today the OTF library has more than 10 thousand fonts. Practically all fonts known today have an OpenType version. The format was based on Postscript and supports Unicode. It was initially developed by Microsoft, but today it belongs to Adobe.

What is the difference between CCF and OTF fonts?

The cubic Bezier splines used by CCF allow for fewer points to be used in defining how a character would look compared to the quadratic Bezier splines used by TTF fonts. OTF also adds a few smartfont features, on top of the sfnt structure that is being used by TTF, to add additional language support to the fonts.


3 Answers

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

like image 158
Zakaria Avatar answered Oct 06 '22 14:10

Zakaria


  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.

like image 30
antitoxic Avatar answered Oct 06 '22 15:10

antitoxic


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

like image 5
Hossam Avatar answered Oct 06 '22 15:10

Hossam