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

такое еще можно делать с помощью border
top bottom рамки прозрачные, left right цветные. + к этому всему border-radius 50% и правильное позиционирование. + поворот (rotate) элемента на нужный градус

для html, body пропишите
position: relative;
height: 100%;