Используя @ font-face CSS стиль с арабским шрифтом? - PullRequest
Новая
       23

Используя @ font-face CSS стиль с арабским шрифтом?

3 голосов
/ 30 августа 2011

Я пишу следующий код CSS для создания стиля шрифта с использованием арабского шрифта, и я использую ОС Windows ...

проблема в том, что браузеры не читают его, я тестирую на Chrome, Firefox, Explorer и Opera ... четыре браузера не распознают шрифт ...

вот мой код CSS ... 

@media screen, print { @font-face {
    font-family: 'FUFONT';
    src: url(../fonts/ScheherazadeRegAAT.ttf) format("truetype-aat"), url(../fonts/ScheherazadeRegOT.ttf) format("opentype");
    font-weight:bold; } }

и назовите его следующим образом ... 

.navigation ul li a {font-family: FUFONT, Arial, Helvetica, sans-serif; font-size:18px;}

как вы думаете, в чем проблема?

Ответы [ 3 ]

7 голосов
/ 29 сентября 2011

Краткий ответ: до сих пор нет генератора для арабских шрифтов, поэтому мы можем использовать его в сети.

Более подробное объяснение: при использовании http://www.fontsquirrel.com/fontface/generator с Эксперт :

  • Подмножество : Нет Подмножество.

  • Форматы CSS : смайлик

вы сможете увидеть свой арабский шрифт на веб-страницах с одной проблемой: без изменения формы букв, что означает, что буквы одного слова не будут объединены вместе, потому что до сих пор нет генератора, поддерживающего требуемую функциональность OpenType для Арабский язык.

4 голосов
/ 09 декабря 2012

Теперь вы можете использовать шрифт Amiri (http://www.phpandthecity.com/2012/12/use-font-face-with-arabic-font.html)

3 голосов
/ 27 августа 2013

Решение:

1 - перейти >>> http://www.fontsquirrel.com/fontface/generator

2 - загрузить свой шрифт в экспертном режиме

3 - проверить только те значения:
--------> Форматы шрифтов: woff
--------> Подсказка истинного типа: Белка шрифта
--------> Соответствие высоты X: нет
--------> Подмножество: Нет подмножество

4- Загрузите ваши файлы

5- вставьте этот код в ваш файл CSS: 

  @font-face {
         font-family: 'Name of your font';
         src: url('url to your font.woff') format('woff');
         font-weight: normal;
         font-style: normal;
    }

6- назовите свой шрифт и примените его к некоторому элементу

например: 

h1{
   font-family : "name of your font" ;
}

Наслаждайтесь этим!

...