Как задать разный font-size для кириллицы и латиницы в одном элементе?

Question

[prostophp]

В одном элементе может быть одновременно латиница и кириллица.
Подключено два разных шрифта. Один первичный, но без поддержки кириллицы, второй с поддержкой обоих, но нужен лишь как костыль для кириллицы.

@font-face {
	font-family: latin;
	src: url('/fonts/latin.eot'); /* IE9 Compat Modes */
	src: url('/fonts/latin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/latin.woff') format('woff'), /* Modern Browsers */
	url('/fonts/latin.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('/fonts/latin.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {	
	font-family: cyrillic;
	...
}
.example {
	font-family: latin, cyrillic, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

Однако в реальности шрифты имеют разницу в размере в три раза. Отказаться от латинского не могу, хотя именно он является виновником отсутствия стандартов в размере.

Вопрос - можно ли задать разный размер для кириллицы и латиницы в одном элементе. Или все таки придется искать кириллический шрифт подходящий по размеру(нестандартному) к латинскому?

Answer 1

[vvvadimos]

если у вас так - [span]рус eng[/span], то никак, если только яваскриптом детектить символы, и оборачивать латиницу или кириллицу в доп. элемент, для него уже шрифт потом задавать
но это какое-то извращение) найдите нормальный шрифт

Comments

[prostophp]

да, именно так.
хотелось бы чего-нибудь такого:
.example[unicode-range = 'U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F'] { font-size: 2.5em; }

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

[vvvadimos]

вообще странная ситуация у вас, я когда шрифт подключаю, кириллица и латиница выглядят во высоте одинаковые) может шрифт поломанный какой-то

Answer 2

[Михаил Чирский]

Зачем вам такое извращение, если, как в примере выше, рус eng, то можно на JS разбить по пробелу spli(' ') и нужному добавить класс и уже применить нужный стиль, а за такую конструкцию

.example[unicode-range = 'U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F'] { font-size: 2.5em; }

вам руки оторвут

Answer 3

[prostophp]

Михаил Чирский: почему извращение? мне кажется вполне разумным если бы существовал стиль для определенного юникод-символа. существует же псевдоэлемент для первого символа в тексте.

или например хотелось бы что-то типа такого:

.example {
     @font-face {
          font-family: latin;
          font-size: 1em;
     }
     @font-face {
          font-family: cyrillic;
          font-size: 2em;
     }
     font-family: latin, cyrillic, Arial, Helvetica, sans-serif;
}

vvvadimos: да, такой шрифт, написан специально для игры, и отошедший от всех возможных стандартов. Однако сайт по игре и стилизован соответственно, поэтому было преступлением отказываться от шрифта. Как вариант можно поискать спецов которые подгонят его под стандарт

Comments

[Михаил Чирский]

Если вы мне приведете весомый аргумент, почему нужно именно так и никак иначе, я соглашусь с вами, а пока, за весь мой опыт, ни разу такого извращения не было, и да по первому символу, существует, ну как правило его либо не используют, либо использую редко, а виной тому Яндекс, который всех заразил своей первой красной буквой