javascript - 允许用户编辑字体系列

标签 javascript fonts

如何允许我网站的用户编辑字体系列?

我想要一个可以更改网站字体的页面上的下拉菜单。它应该立即发生,如果可能的话不需要单击按钮。

我该怎么做?

最佳答案

改进 - 尝试这个小 jQuery

<html>
    <head><title>Test</title></head>
    <body style="font-family: Helvetica;">
        <select name="ListMenuId" id="ListMenuId">
            <option value="">Change this</option>
            <option value="1">This change the font family to Verdana</option>
        </select>

        <select name="ListMenu2" id="ListMenu2">
            <option value="">Change for selected font-family</option>
            <option value="Verdana">This change the font family to Verdana</option>
            <option value="Arial">This change the font family to Arial</option>
            <option value="Helvetica">This change the font family to Helvetica</option>
            <option value="Times New Roman">This change the font family to Times New Roman</option>
        </select>
    </body>

<script type="text/javascript">
$(function(){
    $('#ListMenuId').change(function(){
        $('body').css('font-family', 'Verdana'); // Specific font-family        
    });

    $('#ListMenu2').change(function(){
        $('body').css('font-family', $(this).val()); // Gets font-family from list menu option value    
    });
});
</script>
</html>

关于javascript - 允许用户编辑字体系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23226779/

相关文章:

javascript - 使用 Python 2.7 抓取/解析投注赔率

ios - Xcode“导航栏”字体问题

python - 如何在pygame中显示一些文本?

ubuntu - 在 Ubuntu 上下载 Parisienne 字体

javascript - 如何维护侧边栏的状态

javascript - 如何从 JavaScript 中止加载外部 HTML 资源?

javascript - React 功能链接不起作用

javascript - 组合 JavaScript 函数

html - 某些字体粗细不为本地机器呈现

css - 重新定义谷歌字体字体粗细