将不同的字体应用于同一标签

Question

我的网站有两种语言，英语和日语。所有文本都来自数据库（表字段为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");