中東言語に切り替えると、HTMLのフォントサイズが小さすぎる

Question

私はすべての言語をサポートする予定の多言語Webアプリケーションを用意しています。私の現在の問題は、中東の言語が表示されているとき（アラビア語、ペルシャ語、ヘブライ語など）、西洋の言語を表示するときよりもはるかにフォントが小さいことです。

アプリケーションはAngularを使用して開発されているため、フォントは<font face="verdana">として一度だけグローバルに宣言されています。もちろん、私はフォントのサイズを変更する場所がありますが、一貫して、どこでも西側よりもはるかに小さく表示されています。

同じサイズですべての言語を表示させる簡単な方法はありますか？

私はもちろん、必要に応じて別のフォントに切り替えたいと思っています。

ありがとうございます。

Answer 1

言語には自動的にサブタグとなるクラスが割り当てられ、個々の言語のスタイルを設定することができます。例えば

は、あなたのケースであなたがするあなたのCSSを設定します、ここで

body \t \t {font-family: "Times New Roman",serif;} 
 
    :lang(en) \t {font-family: "Scheherazade",serif; 
 
       font-size: 190%;} 
 
    :lang(ar) \t {font-family: "Scheherazade",serif; 
 
       font-size: 120%;}

<div id="main"> 
 
      <ul> 
 
       <li class="top_btn_class mr2e"><a href="j/index.html">日本語</a></li> 
 
       <li class="top_btn_class"><a href="e/index.html"><span lang="en">English</span></a></li> 
 
      <li class="top_btn_class"><a href="e/index.html"><span lang="ar">الأَبْجَدِيَّ</span></a></li> 
 
      </ul> 
 
     </div> 
 
     <!-- /#main --></div>

は、すべての言語サブタグへのリンクです。 http://www.iana.org/assignments/language-subtag-registry/language-subtag-registry（警告：大きなリスト、読み込みに少し時間がかかる可能性があります）