別のフォントを同じラベルに適用する

Question

私のウェブサイトは英語と日本語の2つの言語になっています。選択した言語に応じて、すべてのテキストがデータベースから取得されます（テーブルフィールドはid、labelname、labeltextenglish、labeltextjapanese）。

以下は、データベースから来るラベルテキスト（INQUIRY）を表示する私のコードです。

<div class="row" style="padding-left: 10px;"> 
    <b id="EnquiryHeading" style="font-family: Mumsies">ENQUIRY</b> 
</div> 

私の要件は、ユーザーが日本語を選択した場合、このテキストを特定の日本語のフォントで表示することです。

どうすればいいですか？

Answer 1

JavaScriptを使用して、ページの読み込み時に選択した言語に応じてフォントファミリを設定できます。

function SetFontFamily(element, language) { 
    if(language == 'japanese') 
    { 
     element.style.fontFamily = 'Mumsies'; 
    } 
    else 
    { 
     element.style.fontFamily = 'Something else'; 
    } 
} 

データベースからテキストを表示できるすべての要素について、メッセージを呼び出す必要があります。あなたはそのような要素にCSSクラスを提供し、簡単にjQueryを使用してそれらを選択することができ ：

var elements = $(".CSSClass");