I'm using font-face on my css and I have a problem that the hebrew char that create by using the src of the font-family that created by a designer and create another font-face with range to the english chars cause they are huge next to the hebrew chars on the same container.
here is my css code:
for any char:
@font-face {
font-family: 'MetaliRegular';
src: url('../css/mmetaliregularwebfont.eot');
src: url('../css/metaliregularwebfont.eot?#iefix') format('embedded-opentype'),
url('../css/metaliregularwebfont.woff') format('woff'),
url('../css/metaliregularwebfont.ttf') format('truetype'),
url('../css/metaliregularwebfont.svg#MetaliRegular') format('svg');
font-weight: normal;
font-style: normal;
}
and for the exceptions of the english chars,
@font-face {
font-family: 'MetaliRegular';
src: local("Arial");
unicode-range: U+0041-007A;
}
as you can see they have the same font-family.
I get them on different fonts, but the different between the sizes of the chars are huge.
Any help for this?
Thanks ,
Eran