Как сделать изображение шрифта более крупным?

Question

Используя CSS, я использую эту строку стиль двуязычный элемент:

font-family:persianFont, englishFont; 

Оба persianFont и englishFont определяются с @font-face. Проблема в том, что символы с английским шрифтом показаны немного больше, потому что шрифт создан таким образом. Образец предложение будет обработан следующим образом:

BIG_ENGLISH_WORDS_small_persian_BIG_ENGLISH_AGAIN ...

Итак, мой вопрос, как я могу сделать persianFont немного больше (сделать это иметь больший масштаб), так что строка двуязычного персидско-английского предложения показана правильно как в одном размере? Это вообще возможно? Есть ли другое решение?

Заранее спасибо

Answer 1

Предлагаю создать промежуток отдельно и увеличивая размер шрифта в качестве идеального раствора.

Если я предполагаю, что ваш body имеет значение по умолчанию font-size из 12px, то пропорционально вам необходимо увеличить размер пролета.

НАПРИМЕР,

span{ 
    font-size:14px; 
} 

Из вашего примера, например,

<p>BIG_ENGLISH_WORDS_<span>small_persian</span>_BIG_ENGLISH_AGAIN...</p> 

Надеется, что это помогает.

PS: Вы можете сделать то же самое, создав класс или селектор id.

Answer 2

Я наконец понял, что вы имели в виду. Я думаю, вы должны посмотреть на свойство CSS unicode-range. Возможно, у него недостаточно поддержки браузера, но это также зависит от вашей целевой аудитории. По крайней мере, Chrome имеет минимальную поддержку.

Я помню, как читал об этом на 24ways.org. Вот exercpt из статьи Дрю Маклеллан (http://24ways.org/2011/creating-custom-font-stacks-with-unicode-range/)

unicode-range Дескриптор предназначен, чтобы помочь при использовании шрифтов, которые не имеют полного охвата символов, используемых на странице. Добавляя свойство unicode диапазонак правилу @font-face, можно указать диапазон символов шрифта.

@font-face { 
    font-family: BBCBengali; 
    src: url(fonts/BBCBengali.ttf) format("opentype"); 
    unicode-range: U+00-FF; 
} 

В этом примере, шрифт должен использоваться для символов в диапазоне U+00 к U+FF, которая проходит от неинтересных управляющих символов в начале таблицы Unicode (символы, такие как восклицательный знак начинается с U+21) с точностью до ÿ по адресу U+FF - степень базовой латыни диапазон знаков.

путем добавления нескольких @font-face правила для одной и той же семьи, но с различных диапазонов, вы можете создать полный охват персонажей вашей страницы использует с использованием различных шрифтов.

Существует также большое article by Richard Ishida) о unicode-range сопровождении теста, который я разместил на JsFiddle.

[править]

Таким образом, ваш следующий шаг заключается в определении точки кода Unicode, соответствующие на персидский язык и создать правило CSS, как описано выше, ориентации этих кодовых точек и изменения размера шрифта соответственно ,