2011-08-30 4 views
2

아랍어 글꼴을 사용하여 글꼴 스타일을 만들려면 다음 CSS 코드를 작성하고 Windows OS를 사용하고 있습니다 ...@ font-face CSS 스타일을 아랍어 글꼴과 함께 사용 하시겠습니까?

브라우저에서 읽지 않는 문제는 Chrome, Firefox, 익스플로러와 오페라 ... 네 개의 브라우저 ... ... 여기

내 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;} 

문제는 무엇이라고 생각하십니까?

+0

페이지가 UTF8이어야하며 소스 파일을 열면 라틴 문자 (아랍 문자를 넘어)가있는 것을 볼 수 있습니다 (예 : "A"문자는 arabica 문자를 변환하지 않습니다. 아랍 문자를 사용하기도합니다. –

답변

6

짧은 답변 : 지금까지는 아랍어 글꼴 생성기가 없어 웹에서 사용할 수 있습니다.

멀리 설명 : 전문가http://www.fontsquirrel.com/fontface/generator 를 사용하여 :

  • 서브 세트 : 없음 서브 세트.

  • CSS 형식 : 스마일

하나 문제와 웹 페이지에 아랍어 폰트를 볼 수 있습니다 : 한 단어의 문자 수 없음을 의미하며 편지 재편 아랍어 용 OpenType 기능을 지원할 때까지 발전기가 없으므로 공동으로 사용합니다.

+0

이 사이트를 확인하십시오 : 아랍어 글꼴이있는 @ font-face가 있습니다. http://cando.asr24.com/ –

2

솔루션 :

1 고토 >>>http://www.fontsquirrel.com/fontface/generator

2는 전문가 모드

3 만 검사에 글꼴을 업로드 그 값 :
--------> 글꼴 형식 : woff
--------> Truetype 힌트 : 글꼴 다람쥐,210
--------> X 높이 매칭 : 없음
--------> 부분 집합 : 없음 서브 세트

3-이 코드를지나 파일

5 다운로드

@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" ; 
} 
CSS 파일에

즐기세요!