내가 CSS에서 선 아래 사용하고 있습니다 :구글 글꼴은 인터넷 익스플로러 8에서 상자를 보여줍니다 - IE 8
font-family: 'Droid Arabic Naskh';
내 PHP는 헤더 파일에 다음 코드 :
<link href='//fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css' />
는 문제의이 없다 FireFox, IE8에서는 다음과 같은 문자를 상자에 표시합니다. )/,
어떻게 문제를 해결할 수 있습니까?
이것은 (는) 일부 IE 버전의 버그입니다. 드로이드 아라비아어 Naskh 글꼴에는 공백을 제외한 모든 ASCII 문자가 포함되어 있지 않으므로 브라우저는 대체 글꼴을 사용해야하며 IE는이 문제가있는 것으로 알려져 있습니다.
버그를 피하려면 /)와 같은 Ascii 문자에 사용할 글꼴을 선택하고 일반적으로 Droid Arabic Naskh (아랍어 문자 만 포함 된 문자와 공간 및 no-break space)을 입력하고 글꼴을 font-family 값의 Droid Arabic Naskh 앞에 놓습니다.
body { font-family: Georgia, 'Droid Arabic Naskh'; }
조지아 :
예 (혼합이 불가피하기 때문에, 컨트롤을, 당신은 대신 브라우저 기본 알려진 폰트를 얻을이되지 원인 글꼴의 혼합 않습니다.) 여기에 그 예가 나와 있습니다. 다양한 글꼴과 글꼴 목록을 사용하여 다른 장치에 다른 글꼴 집합이있는 문제를 해결할 수 있습니다. 그러나 이 아닌 글꼴을 선택해야합니다.은 아랍어 문자를 포함하고 있기 때문에 Droid Arabic Naskh가 아닌 해당 글꼴에서 가져옵니다.
한편 Google은 해당 페이지의 글꼴 Early Access fonts에 대해 다음과 같이 설명합니다. "Droid Serif 제품군에서 제공되는 라틴어, 그리스어 및 키릴 문자를 보완하도록 설계되었으며 아랍어는 다음과 같이 색상, 정렬 및 디자인 세부 사항을 일치시킵니다. Droid Serif를 사용하면 다국어 조판에 함께 사용할 수 있습니다. "
즉, 글꼴은 어느 정도 Droid Serif와 함께 사용하기 위해 보통 Google fonts에서 사용하기위한 것입니다. 따라서 Droid Serif를 첫 번째 글꼴로 사용하는 것이 좋습니다.
그러나 줄 높이에 문제가 있습니다. Droid Arabic Naskh의 기본 줄 높이는 Droid Serif보다 훨씬 큽니다. 이로 인해 두 글꼴의 텍스트가 포함 된 단락의 줄 간격이 고르지 않게됩니다. 이 문제를 해결하려면 공통 line height을 설정하십시오. 아래의 예에서는 1.4로 설정되어 있습니다.이 값은 라틴 문자로 된 텍스트의 경우 상대적으로 크지 만 더 많은 아랍어 텍스트의 경우 더 큰 값을 사용하는 것이 좋습니다.
<!DOCTYPE HTML>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif'
rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css'
rel='stylesheet' type='text/css' />
<style>
body { font-family: 'Droid Serif', 'Droid Arabic Naskh';
line-height: 1.4;
}
</style>
السلام عليكم, let is now test “()/,”.
Here you should see even line spacing, even though the
text contains Arabic words like فن الخط in the middle of text in Latin letters. Note that all non-Arabic characters except space are from Droid Serif here.
나는 IE 8 시뮬레이션 모드에서 IE 11에서 문제를 재현 할 수 있습니다. 예를 들어를 설정하면 어떻게되는지 테스트해볼 수 있습니까? 'font-family : 그루지야, Droid Arabic Naskh '대신? –
@ JukkaK.Korpela, 그것은 'Georgia' 글꼴로 charcaters (예 : /)를 먼저 표시하고,'Georgia '(특정 아랍어 글자처럼)에 누락 된 문자는 두 번째'Droid Arabic Naskh '를 사용하므로 개선 된 기능입니다. 그러나 나는 한 글꼴 군만 사용하는 것을 좋아한다. 의견을 답으로 입력하십시오. 더 좋은 해결책이 없다면 답으로 선택하겠습니다. – Amir