Question

我有一个支持所有语言的多语言Web应用程序。我目前的问题是，当显示中东语言时（例如阿拉伯语，波斯语，希伯来语等），字体比显示西方语言要小得多。

应用程序是使用Angular开发的，因此字体全局声明为<font face="verdana">一次。当然，有些地方我会改变字体的大小，但是，在任何地方，它都比西部片小得多。

有没有简单的方法可以让所有语言显示相同的大小？

如果课程愿意在需要时切换到不同的字体，我就会这样做。

提前致谢。

Answer 1

语言被分配一个类和＆＃34;子标签＆＃34;您可以自动使用它来设置单个语言的样式。

例如，在您的情况下，您可以将css设置为

＆＃13;

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

＆＃13;

<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>

＆＃13;

这是所有语言子标签的链接。 http://www.iana.org/assignments/language-subtag-registry/language-subtag-registry（警告：大名单，可能需要加载一下）

切换到中东语言时，HTML字体太小

1 个答案: