2012-02-22 2 views
0

Я встроил 1 шрифт, и все в порядке в Opera и IE, но в Firefox 10 персонажи разделены.Отдельные символы справа налево в Firefox

Соответствующий код здесь:

@font-face { 
    font-family: "rlfont"; 
    src: url("rlfont.ttf"); 
} 

body { 
    font: 14px/1.7 "rlfont"; 
} 

.main { /* for the section shown in screenshot */ 
direction: rtl; 
margin-top: 25px; 
width: 550px; 
float: right; 
text-align: right; 

}

Я также добавить следующее:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 

и даже это:

AddCharset UTF-8 .html 

в .htaccess, но он все еще не работает.

Я также играл с View> Кодировка символов в Firefox, но все же это не сработало.

Это показывает проблему: Problem

И это то, что должно быть: Desired result

+2

Пожалуйста добавить скриншот, который показывает нам, как это должно выглядеть. Может быть, вы можете играть с буквенным интервалом. – gearsdigital

+0

Вы пытались объявить свойство 'direction' конкретному классу ' .technology { руководство: rtl; } ' или всем телом ' body { руководство: rtl; } '? – falsarella

+0

Письмо-интервал просто соединяет тему и не присоединяется к теме – mirhossein

ответ

1

Я нашел ответ. Некоторые персидские и арабские шрифты неправильно конвертируются в WOFF, поэтому они не отображаются должным образом в Firefox. IE использует EOT, а Firefox использует WOFF (не TTF или EOT).

Я нашел ссылку для загрузки этого популярного шрифта, который должным образом преобразованная: http://mihandownload.com/2011/09/css3-font-face-methods-and-optimized-font-firefox6.php

Смежные вопросы