CSS3
プロパティを使用してunicode-range
、さまざまな文字セットにさまざまなフォントを設定しています。Arial
ラテン文字の場合はWebNazanin
、アラビア語/ファルシ語の場合は a です。Chrome 29 と IE10 では動作するようですが、Firefox 23 では動作しないようです。Firefox ではまだArial
フォントを使用しています:
Chrome スクリーンショット:
Firefox のスクリーンショット:

それは私のCSSです:
@font-face {
font-family: 'WebNazanin';
src: url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.eot'),
url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.otf') format('opentype'),url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.woff') format('woff'),
url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.ttf') format('truetype'),
url('http://awebfont.ir/services/fonts/775b712c01cdf4eb7f15d9180567345060f700291901931.svg') format('svg');
}
@font-face {
font-family:'WebNazanin';
src: local('Times New Roman');
unicode-range: U+41-7F;
}
JSFiddle: http://jsfiddle.net/maysamsh/t9MpF/