Editing a TrueType font

See online : Test the font

Whilst updating my uncle Henri Tournier’s site, I decided that it would be better, for the sake of automation, to use a CSS font, rather than an image, for the menus.

The original Samarkan font
The original Samarkan font

My brother Pierre, who was in charge of the website’s design, used the Samarkan font, to which he had made changes with Photoshop, removing horizontal bars which made it difficult to read in small sizes. Since this wasn’t possible to do directly in CSS, we needed to edit the font itself.

Le menu du site, avec la police Samarkan modifiée, en version image.
Le menu du site, avec la police Samarkan modifiée, en version image.

Editing the font

I did a quick search on the Internet and came across TTFEdit, under a GPL v2 licence, which is very easy to use.

Once the archive is extracted into a folder, you just need to open ttfedit.jar. In the window, open (File -> Open) the TTF file that you wish to edit, then click on the glyf thumbnail on the left menu. A window will open with all of the characters.

L'interface de TTFEditor
L’interface de TTFEditor

Édition de la lettre “g”
Édition de la lettre “g”

In order to edit a character, you just need to double-click on its icon. An editing window appears with the shape of the letter as an outline. With the point deletion tool (a white cross on a red background), click on the corners that you want to delete then, when the letter is right, click on the cross in the top right to close the tool. In this particular case we’re lucky, the changes to be made are very simple. Do the same with all the letters (except f and t), then save your modified font (File -> Save As…).

La police Samarkan modifiée
La police Samarkan modifiée

Integrating the font on a webpage

By following Alsacréations’ tutorial (French), you can easily manage to create a webpage using a new font. However, so that the tool works under old versions of browsers like Internet Explorer, Firefox and Google Chrome, you need fonts in the EOT, WOFF and SVG formats. I’ve found a program that seems to work perfectly for the converting all these formats from TTF original – Font2Web.

Since the font doesn’t have accented characters, you’ll need to convert these with the method used for generating a URL (french) :

$str    =       iconv('utf-8', 'us-ascii//TRANSLIT', $str);

According to the server settings (I made it for french), it might be necessary to add, at the start of the script, the following function, as mentioned in the article :

setlocale(LC_CTYPE, 'fr_FR');

With a bit of CSS, we get the following image:

Le menu du site, avec la police Samarkan modifiée, en version police web.
Le menu du site, avec la police Samarkan modifiée, en version police web.

Problems encountered

The font was tested with the most recent browsers versions (Firefox, Internet Explorer 9, Chrome, Safari and Opera), without any particular issue. However, in Chrome (Version 24.0.1312.52m), with a size of 18px, the font seemed a bit too fat, which wasn’t the case with Chromium.

See online : Test the font

Post-scriptum :

Warning : Samarkan font is not copyright free ; it’s distributed as Shareware. I tried to contact its authors to ask them if it was possible to allow for another payment method other than a postal check (Paypal or whatever), but none of the email addresses they mention in the readme file still exists. I’m still trying to find a way to contact them. By default, without their consent, updating this font is probably not allowed.

3 commentaires sur "Editing a TrueType font"

Vikram

Hi, je suis un journaliste indien qui cherche aussi quelque information a propos des createurs do Samarkan. Comme vous, j’ai essaye de faire contacte avec un seul email address que j’ai trouve sur l’Ínternet mais avec aucun resulte. Est-ce que vous avez eu plus de success apres vous avez ecrit ici? Excusez mon francais terrible, j’ai perdu l’habitude de parler ca.

Vikram

Marc

Hi Vikram !
Since you asked on the english version of this page, I’ll answer in english, hope that’ll be asier for you (Nevertheless, dont worry, your french is perfectly understandable).

As for your question, I didn’t try to contact the makers of the font further, and nobody contacted me from their side neither.

There’s a chance the company has bankrupt.

What do you needed the information for ?

Sugandha

so, can we only remove the top line through photoshop?
this ttfedit isnt working on my windows 10
is there a way to just download Samarakan without the top line?

Laissez votre commentaire