• <tfoot id='3hyl70f2'></tfoot>

    <small id='n8ksmhfa'></small><noframes id='z74snpfj'>

    您的位置:荆州电脑信息网 > 设置问题 > html中怎样分别给中英文设置不同的字体

    html中怎样分别给中英文设置不同的字体

    作者:电脑信息网日期:

    返回目录:设置问题


    分别给英文、中文加个类,

    <html>
    <head>
    <style>
    .english{font-family:Times New Roman;}
    .chinese{font-family:"楷体_GB2312";}
    </style>

    <body>
    <table>
    <tr><td><span class="english">Hello</span>,<span class="chinese">您好</span></td></tr>
    <tr><td><span class="english">Hello</span>,<span class="chinese">您好</span></td></tr>
    <tr><td><span class="english">Hello</span>,<span class="chinese">您好</span></td></tr>
    </table>
    </body>
    </html>


    需要准备的材料分别有:zhidao电脑、浏览器、html编辑器。

    1、首先,打开html编辑器,新建html文件,例如:index.html。

    2、在index.html中的<body>标签中,输入html代码:

    <span style="font-family: Arial">hello </span>
    <span style="font-family: 宋体">world </span>

    3、浏览器运行index.html页面,此时一行文字用了不同的样式的字体显示。



    <div style='font-family: simsun, "Courier New"'>你好ABCKJDJKSJKAD</div>
    <div style='font-family: "Courier New", "Microsoft Yahei"'>你好ABCKJDJKSJKAD</div>

    你想要的效果其实e69da5e6ba90e799bee5baa6e79fa5e98193330只需要把英文字体放在前面,中文放在后面。

    我上面这个例子,第一个优先的是simsun,也就是宋体,后面的英文也是宋体显示

    第二个我把Courier New放在前面,后面放个微软雅黑,英文就是Courier New字体,中文则是雅黑

    css里,不能用中文命名字体,例如font-family: "微软雅黑",似乎是不行的。你去试试在css顶部加一个@charset "utf-8";这样看看行不行。

    @charset "utf-8";
    body {
        font-family: "中文字体名称"
    }

    如果不行就是转编码,转码转成utf-16 进入这个网址网页链接

    在输入框输入,输入完成之后会产生,这样的字符串

    \u{5fae}\u{8f6f}\u{96c5}\u{9ed1}

    在css里改成这样

    font-family: \u+5fae\u+8f6f\u+96c5\u+9ed1
    <tfoot id='tzu9vy7k'></tfoot>
      <tbody id='777zvxlv'></tbody>
    • <small id='ftfm04nk'></small><noframes id='0x4752dh'>

    • 相关阅读