html
  • css
  • fonts
  • hebrew
  • 2016-06-21 8 views 0 likes 
    0

    英語以外の言語(現時点ではヘブライ語)に重い(400+)ウェイトを適用できますが、軽いウェイト(300以下)で行うことはできません他の言語のフォントには薄いフォントウェイトは適用されません

    そこ

    HTML

    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'> 
    
    <div> 
        <h6>Hello to you<h6> 
        <p class="light">Selling you something with elegant font weight contrast.</p 
        </div> 
        <h6 class="rtl">שלום לכם<h6> 
        <p class="light rtl">מוכר לכם משהו אבל באסה כי המשקל לא עובד ככה.</p> 
    
        <h6 class="rtl">שלום לכם<h6> 
        <p class="light rtl heavy">מוכר לכם משהו אבל באסה כי המשקל לא עובד ככה.</p 
    
        </div> 
    

    CSS

    body { 
        font-family: 'Open Sans'; 
        } 
        .light { 
        font-weight: 300; 
        font-size:18px; 
        color:#4c4c4c; 
        margin:0; 
        } 
    .heavy { 
        font-weight:900; 
    } 
    h6 { 
        font-size:24px; 
        margin:0; 
        color:#696f72; 
    } 
    div { 
        margin:0; 
    } 
    .rtl { 
        direction:rtl; 
    } 
    

    Code pen example

    +0

    フォントは魔法ではありません。システムフォントを使用している場合を除き、必要な特定のフォントファミリと重量の組み合わせのためにどの物理フォントファイルをロードするかを最初にCSSに伝えない限り、 "I want thin"とは何もしません。 '@ font-face'宣言。そして、それでもあなたがロードしているフォントは、あなたがそれを使ってスタイリングしているテキストをサポートする必要があるので、 '@ font-face'ルールを設定しても、スタイリングしているテキストにあなたが必要とする言語であれば、ブラウザーはスタック内のフォールバックフォントをロードします。あるいは、「どのセリフフォントでも利用可能です」という最後の試みとしてロードします。通常ローマ。 –

    答えて

    1

    フォントファミリーGoogle Fonts which support Hebrew languageおよびOpen Sansは、それらのいずれでもありません。

    オープンSansは広く使われているフォントで、他のフォントアーティストはヘブライ語をサポートするためにフォントファミリを拡張しており、this GitHub pageで見つけることができます。

    +0

    私はOpen Sansが働いていると仮定しました。1)それを適用するとデフォルトのArialからapperanceが変更され、2)devツールはフォントセクションでOpen Sansとして適用されたことを示しました。どのようにdevのツールに表示されますか? –

    +1

    現代のすべてのブラウザに** font-fallback **ロジックがあります。選択したフォント(Open Sans)が最初に試行されます。言語をサポートしていない場合、同じファミリー(* sans-serif *)からその言語をサポートするフォントが使用されます。 –

    +0

    外観によってフォントを識別できない人には非常に混乱します... –

    関連する問題