Как я могу использовать арабский шрифт в моем CSS? - PullRequest
Новая
       15

Как я могу использовать арабский шрифт в моем CSS?

2 голосов
/ 04 декабря 2011

Я только что узнал, что нет генератора для арабских шрифтов из-за проблемы с соединением букв ... Означает ли это, что у меня есть только один выбор - получить его с fonts.com? Кто-нибудь знает место, где я могу получить качественные арабские шрифты для моего сайта? 

#ArbText01 {
    position:absolute;
    top:130px;
    right:10px;
    font-family:adobe arabic;
    font-size:30px;
    color:#fb5e08;
    padding-top:0px;
    padding-bottom:0px;
    direction:rtl;
}

<div id='ArbText01'>ةالفصح
        </div>

http://arabic001.com/home.html

Ответы [ 5 ]

2 голосов
/ 21 ноября 2016

Вот один простой способ получить шрифты в css: 

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

.droid-arabic-kufi {
  font-family: 'Droid Arabic Kufi', serif;
}

Посмотрите на http://fonts.googleapis.com

2 голосов
/ 17 марта 2013

вы должны указать шрифт следующим образом: 

@font-face {
    font-family: 'mywebfont';
    src: url('adobe_regular.eot');
    src: url('adobe_regular.eot?#iefix') format('embedded-opentype'),
         url('adobe_regular.woff') format('woff'),
         url('adobe_regular.ttf') format('truetype'),
         url('adobe_regular.svg#adobe_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

и теперь вы должны использовать 'mywebfont' в качестве семейства шрифтов.

2 голосов
/ 04 декабря 2011

Что вы имеете в виду под арабскими шрифтами?Большинство «обычных» шрифтов, которые мы используем каждый день, будут отлично работать в CSS.Не забудьте установить свойства RTL, хотя, где это необходимо.В конце концов, вы не хотите, чтобы арабские люди читали слева направо?: -)

<html dir="rtl"> (в сочетании с английским сайтом это выглядит забавно, но это то, что вам нужно для арабского и других языков RTL)

1 голос
/ 04 декабря 2011

Вы всегда можете найти бесплатный шрифт где-то.Я уверен, что быстрый поиск в Google даст отличные результаты.Если вы говорите о том, чтобы заставить их работать, вам нужно изучить кодировку UTF-8, чтобы все символы отображались правильно.

0 голосов
/ 01 сентября 2018

Я покажу, как легко интегрировать шрифт "droidarabickufi" в ваш файл CSS и как легко применить его ко всему документу (вместо того, чтобы применять его к отдельным классам).

Сначала добавьте эту строку вверху документа CSS ... 

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

Затем примените правило к тегу "HTML" (чтобы применить его квесь документ). 

html{font-family: 'Droid Arabic Kufi', serif;font-size:100%;}

Примечание: Вы должны проверить, использует ли другой класс пользовательское семейство шрифтов, например "Tahoma" или "Sans", "Arial" или другие.

...