2016-08-17 11 views
2

中東の言語のみに関連する記事を投稿しましたが(これは私にとっては解決策が得られませんでしたが)、同じ問題非西洋言語に切り替えると表示されます。中東と東言語のhtml小文字のフォント

私のWebアプリケーションは、すべての文字セットを持つすべての言語をサポートすることになっています。あらゆる側面(データベース、方向など)から、アラビア語、日本語、ヘブライ語などを選択するときの文字のサイズが英語よりも大幅に小さいことを除いて、うまく動作します。

フォントをグローバルに拡大縮小する方法はありますが、その方法を正確にはわかりません。

私のアプリケーションは、HTML、JavaScript、AngularJSで開発されています。

詳しい案内は高く評価されます。

ありがとうございました。

+0

これはおそらく使用しているフォントのためです。 – Kaiido

+0

そして...?私はグローバルな定義を持っています: ''。これを何に変更する必要がありますか? – FDavidov

+0

' ' – redolent

答えて

0

外国語フォントを指定できます。あなたはその言語用のフォントをダウンロードしなければならないかもしれませんが、英語フォントでそれを "スタック"するだけです。

p { 
    font-family: 'AsciiSans' 
       , '游ゴシック体' 
       , 'Yu Gothic' 
       , YuGothic 
       , Meiryo 
       , 'Hiragino Kaku Gothic Pro' 
       , sans-serif 
} 

ここでは、この方法を使用していることがわかります。 AsciiSansに日本語の文字がないため、ブラウザは次のフォントを使用します。

EDIT

これが重要である理由。あなたの英語のフォントと同じサイズの各言語のフォントを見つけてください。または、より小さな英語のフォントを見つけます。フリーフォントはたくさんあります。

http://www.fontspace.com/category/arabic

https://fonts.google.com/specimen/Open+Sans

EDIT 2

オープンなきを含めるには、次の行を追加します。うまくいけば、あなたは

は、exは(たぶん "OpenSans")を使用することができるだけで国際1があります。

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 

のいずれか<font face="Open Sans">my text</font>

または<span style="font-family: 'Open Sans', sans-serif;">my text</span>

+0

あなたの答えをありがとう(上記のコメントのように)、私は自分の問題(私のせいではなく、あなたのもの)を解決することはできません。これを少し拡張して、それを行う方法についての指示を与えることができますか(私はこれに多くの経験がないと考えてください;それは私の最初のアプリケーションです!)。ありがとう。 – FDavidov

+0

が編集されました。私の説明が十分明確であるかどうか分かりますか? :) – redolent

+0

Open Sansのようなフォントを試しましたか?文字のサイズをより均一にすることができます。 – redolent

0

を行う私はあなたがhtmlタグに追加lang属性を持たなければならないことを前提としています。このように、その属性の基にスタイルを設定することができます。

body { font-family: "Verdana"; font-size: 12px;} /** global **/ 
*[lang="ar"] {font-family: "Scheherazade",serif; font-size: 16px !important;} /** for arabic **/ 

違うelmentsのための異なるフォントサイズを持つことができるので、あなたはすべてのDOM要素にlang属性を追加することはできませんので、これは完璧なソリューションではないかもしれません。しかし、必要に応じてこのソリューションを調整することができます。

私はこの技術を使用している私のアプリケーションの1つでこの問題を解決しました。しかし、SASSまたはLESSを使用すると、これをすべて処理する方がはるかに簡単です。 AngularJSを使用しているので、言語ベースのクラスを定義し、ディレクティブを使用して特定のDOM要素に割り当てることもできます。

+0

良い答え。 https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors – redolent

+0

あなたの答えは@Bilalありがとうございます。あなたは正しいです、私はこれを持っています: ''。あなたの提案によれば、私はアプリケーション全体で非常に多くのフォントサイズを使用しているので、私はそれをどうやってやることはできません。どこでも変わるのは狂気でしょう。 「アラビア語のフォントを130%に、日本のフォントを140%に、...」と言うことができたのは私の印象でした。そうすれば、私はある場所(index.html)で変更を行い、アプリケーション(SPA)全体に適用することができます。 – FDavidov

+0

まあまあです。それで、私はあなたの要件に合わせて微調整できると言ったのです。 :) – Bilal

0

言語ごとにCSSスタイルを開発した経験があります。適切なフォントサイズに使用する表は次のとおりです。 これらのフォントサイズの主な用途は、デスクトップ(Web)アプリケーションです。モバイルアプリケーションの場合、調整が必要な場合がありますが、これらのサイズに基づいて調整される可能性があります。

  • アラビア:11 - 14px
  • ベンガル:13 - 16pxに
  • キリル文字(ロシア語、ブルガリア語、 ウクライナ語、等):9 - 12ピクセル
  • ギリシャ語:9 - 12ピクセル
  • ヘブライ:9 - 12ピクセル
  • ヒンディー語:11 - 14px
  • ラテン語(英語、フランス語、ドイツ語、イタリア語、スペイン語など):9 - 12ピクセル
  • マラヤーラム語:11 - 14px
  • 日本語:11 - 14px
  • 韓国:9 - 12ピクセル
  • 簡体字中国語:11 - 14px
  • 繁体字中国語:11 - 14px
  • テルグ語:11 - 14px
  • タイ語:11-14px
関連する問題