Шрифт Google отображает поля в Internet Explorer 8 — IE 8
Я использую нижнюю строку в CSS:
font-family: 'Droid Arabic Naskh';
и следующий код в мой заголовочный файл php:
<link href='//fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css' />
В FireFox проблем нет, но в IE8 отображаются поля для некоторых символов, таких как ) / ,
Как я могу решить проблему? … Большое спасибо.
Решение
Это кажется ошибкой в некоторых версиях IE. Шрифт Droid Arabic Naskh не содержит символов Ascii, кроме пробела, поэтому браузер вынужден использовать резервные шрифты, и IE, как известно, имеет проблемы с этим.
Чтобы обойти ошибку, выберите шрифт, который вы хотите использовать для символов Ascii, таких как) /, и обычно для символов, не охватываемых Droid Arabic Naskh (который, кажется, содержит только арабские символы, кроме пробела и пробела без пробелов). ), и поместите этот шрифт перед Droid Arabic Naskh в font-family значение. (Это не причина микс шрифтов; Это управления это, поскольку смешивание неизбежно, и вы получаете известный шрифт вместо браузера по умолчанию.)
Пример:
body { font-family: Georgia, 'Droid Arabic Naskh'; }
Грузия является лишь примером здесь. Вы можете использовать различные шрифты и даже список шрифтов, чтобы решить проблему, связанную с тем, что разные устройства имеют разные наборы шрифтов. Но вы должны выбрать только те шрифты, которые делают не содержат арабские символы, потому что если вы это сделаете, они будут взяты из этого шрифта, а не Droid Arabic Naskh.
С другой стороны, Google описывает шрифт на своей странице о его Шрифты раннего доступа следующим образом: «Разработанный для дополнения латинского, греческого и кириллического алфавита, представленного в семействе Droid Serif, арабский язык соответствует цвету, расположению и деталям дизайна Droid Serif, что позволяет использовать их вместе для многоязычного набора текста».
Это означает, что шрифт более или менее предназначен для использования вместе с Droid Serif, от общего Google шрифты. Поэтому было бы неплохо использовать Droid Serif в качестве первого шрифта.
Однако есть проблема с высотой линий. Высота линии по умолчанию для Droid Arabic Naskh, как правило, намного больше, чем для Droid Serif. Это приводит к неравномерному межстрочному интервалу в абзаце, который содержит текст в обоих шрифтах. Чтобы это исправить, установите общий высота линии. В приведенном ниже примере для него было установлено значение 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.Другие решения
Других решений пока нет …