У меня есть сайт на иврите и английском, в котором используются два шрифта, добавленные с @font-face
. Используя unicode-range
, я определил один шрифт, который будет применяться только к символам иврита, а другой - ко всем другим символам.
Проблема в том, что у моего шрифта на иврите есть символы, которые выглядят заметно меньше, чем символы латинского шрифта. Простым решением было бы заменить один из шрифтов и найти другой, имеющий символы аналогичного размера. Но, к сожалению, я должен сохранить эти два шрифта. Не могу их изменить. Итак, мой вопрос. Есть ли способ, например, определить, что все символы в латинском unicode-диапазоне должны иметь font-size
из 0.8em
?
Имейте в виду, что элемент может содержать и еврейские, и латинские символы одновременно. Таким образом, решение с установкой другого класса на основе языка всего сайта не будет работать. Это действительно должно быть определено на уровне «на символ».
Редактировать: за запрос в комментарии Я добавляю пример кода:
/* --- --- --- Defining font: --- --- --- */
@font-face {
font-family: HebrewFontName;
src: local('HebrewFontName'),
local('HebrewFontName'),
url(/fonts/HebrewFontName.otf);
font-weight: 300;
unicode-range: U+0590-05FF,
U+0030-0039;
}
@font-face {
font-family: HelveticaNeue;
src: url(/fonts/HelveticaNeueDeskUI-01.ttf);
font-weight: 400;
}
/* --- --- --- Using font: --- --- --- */
.someElement {
font-family: 'MigdalRegular', 'HelveticaNeue';
}