前端开发CSS常用中文字体英文名称对照表

web前端开发用什么书 ios开发需要前端做什么 grunt对前端开发有什么用处

代码片段 1

<article class=”article-content” style=”width:80%;margin:40px auto;”>
    <h1 style=” text-align:center;”>css常用中文字体英文名称对照表</h1>
    <p><img style=”display:none;” title=”” alt=”” src=”http://www.artll.com/wp-content/uploads/2013/04/album809.png”
         data-tag=”bdshare”>我们在做网页时候,有时用火狐查看css原代码时候会发现有些中文是乱码,复制出来时候也会是乱码,这是由于编码原代码时候中文汉字使用了中文汉字,这样在复制粘贴时候很容易造成乱码,为了避免这种情况发生,在编写css时候需要将中文汉字转换成英文名称或者Unicode值,这样可以解决这类问题。下面是我们常用字体对照表展示,希望在你做网页中产生一些帮助。</p>
    <table width=”100%” style=”border-collapse:collapse; font-size:12px;” border=”1″ bordercolor=”#CCCCCC”>
        <thead>
            <tr>
                <th height=”30″ bgcolor=”#F3F3F3″>中文名</th>
                <th bgcolor=”#F3F3F3″>英文名</th>
                <th bgcolor=”#F3F3F3″>Unicode</th>
            </tr>
            <tr>
                <th height=”30″ colspan=”3″ bgcolor=”#F3F3F3″>常用字体列表</th>
            </tr>
        </thead>
        <tbody>
            <tr style=”font-family:FAEF6FC5ED1″>
                <td height=”30″>微软雅黑</td>
                <td>Microsoft YaHei</td>
                <td>FAEF6FC5ED1</td>
            </tr>
            <tr style=”font-family:FAEF6FC5ED1″>
                <td height=”30″>隶书</td>
                <td>LiSu</td>
                <td>B6E66</td>
            </tr>
            <tr style=”font-family:YouYuan”>
                <td height=”30″>幼圆</td>
                <td>YouYuan</td>
                <td>E7C06</td>
            </tr>
            <tr style=”font-family:STXihei”>
                <td height=”30″>华文细黑</td>
                <td>STXihei</td>
                <td>4E87EC6ED1</td>
            </tr>
            <tr style=”font-family:4E8777F53″>
                <td height=”30″>华文楷体</td>
                <td>STKaiti</td>
                <td>4E8777F53</td>
            </tr>
            <tr style=”font-family:STSong”>
                <td height=”30″>华文宋体</td>
                <td>STSong</td>
                <td>4E87B8BF53</td>
            </tr>
            <tr style=”font-family:STZhongsong”>
                <td height=”30″>华文中宋</td>
                <td>STZhongsong</td>
                <td>4E87E2DB8B</td>
            </tr>
            <tr style=”font-family:STFangsong”>
                <td height=”30″>华文仿宋</td>
                <td>STFangsong</td>
                <td>4E87EFFB8B</td>
            </tr>
            <tr style=”font-family:FZShuTi”>
                <td height=”30″>方正舒体</td>
                <td>FZShuTi</td>
                <td>B9B6312F53</td>
            </tr>
            <tr style=”font-family:FZYaoti”>
                <td height=”30″>方正姚体</td>
                <td>FZYaoti</td>
                <td>B9B63DAF53</td>
            </tr>
            <tr style=”font-family:STCaiyun”>
                <td height=”30″>华文彩云</td>
                <td>STCaiyun</td>
                <td>4E87F69E91</td>
            </tr>
            <tr style=”font-family:STHupo”>
                <td height=”30″>华文琥珀</td>
                <td>STHupo</td>
                <td>4E8725C0</td>
            </tr>
            <tr style=”font-family:STLiti”>
                <td height=”30″>华文隶书</td>
                <td>STLiti</td>
                <td>4E87B6E66</td>
            </tr>
            <tr style=”font-family:STXingkai”>
                <td height=”30″>华文行楷</td>
                <td>STXingkai</td>
                <td>4E874C77</td>
            </tr>
            <tr style=”font-family:STXinwei”>
                <td height=”30″>华文新魏</td>
                <td>STXinwei</td>
                <td>4E87B0B4F</td>
            </tr>
            <tr style=”font-family:STXihei”>
                <td height=”30″>华文细黑</td>
                <td>STXihei</td>
                <td>4E87EC6ED1</td>
            </tr>
            <tr style=”font-family:4E87ED1F53″>
                <td height=”30″>华文黑体</td>
                <td>STHeiti</td>
                <td>4E87ED1F53</td>
            </tr>
            <tr style=”font-family:STKaiti”>
                <td height=”30″>华文楷体</td>
                <td>STKaiti</td>
                <td>4E8777F53</td>
            </tr>
            <tr style=”font-family:STSong”>
                <td height=”30″>华文宋体</td>
                <td>STSong</td>
                <td>4E87B8BF53</td>
            </tr>
            <tr style=”font-family:STFangsong”>
                <td height=”30″>华文仿宋</td>
                <td>STFangsong</td>
                <td>4E87EFFB8B</td>
            </tr>
            <tr style=”font-family:LiHei Pro Medium”>
                <td height=”30″>丽黑 Pro</td>
                <td>LiHei Pro Medium</td>
                <td>E3DED1 Pro</td>
            </tr>
            <tr style=”font-family:E3DB8B Pro”>
                <td height=”30″>丽宋 Pro</td>
                <td>LiSong Pro Light</td>
                <td>E3DB8B Pro</td>
            </tr>
            <tr style=”font-family:BiauKai”>
                <td height=”30″>标楷体</td>
                <td>BiauKai</td>
                <td>0777F53</td>
            </tr>
            <tr style=”font-family:F99CE3DE2DED1″>
                <td height=”30″>苹果丽中黑</td>
                <td>Apple LiGothic Medium</td>
                <td>F99CE3DE2DED1</td>
            </tr>
            <tr style=”font-family:F99CE3DEC6B8B”>
                <td height=”30″>苹果丽细宋</td>
                <td>Apple LiSung Light</td>
                <td>F99CE3DEC6B8B</td>
            </tr>
            <tr style=”font-family:PMingLiU”>
                <td height=”30″>新细明体</td>
                <td>PMingLiU</td>
                <td>B0EC60EF53</td>
            </tr>
            <tr style=”font-family:MingLiU”>
                <td height=”30″>细明体</td>
                <td>MingLiU</td>
                <td>EC60EF53</td>
            </tr>
            <tr style=”font-family:0777F53″>
                <td height=”30″>标楷体</td>
                <td>DFKai-SB</td>
                <td>0777F53</td>
            </tr>
            <tr style=”font-family:ED1F53″>
                <td height=”30″>黑体</td>
                <td>SimHei</td>
                <td>ED1F53</td>
            </tr>
            <tr style=”font-family:SimSun”>
                <td height=”30″>宋体</td>
                <td>SimSun</td>
                <td>B8BF53</td>
            </tr>
            <tr style=”font-family:NSimSun”>
                <td height=”30″>新宋体</td>
                <td>NSimSun</td>
                <td>B0B8BF53</td>
            </tr>
            <tr style=”font-family:EFFB8B”>
                <td height=”30″>仿宋</td>
                <td>FangSong</td>
                <td>EFFB8B</td>
            </tr>
            <tr style=”font-family:77F53″>
                <td height=”30″>楷体</td>
                <td>KaiTi</td>
                <td>77F53</td>
            </tr>
            <tr style=”font-family:EFFB8B_GB2312″>
                <td height=”30″>仿宋_GB2312</td>
                <td>FangSong_GB2312</td>
                <td>EFFB8B_GB2312</td>
            </tr>
            <tr style=”font-family:77F53_GB2312″>
                <td height=”30″>楷体_GB2312</td>
                <td>KaiTi_GB2312</td>
                <td>77F53_GB2312</td>
            </tr>
            <tr style=”font-family:FAE\x8F6FB63ED1F53″>
                <td height=”30″>微软正黑体</td>
                <td>Microsoft JhengHei</td>
                <td>FAE\x8F6FB63ED1F53</td>
            </tr>
        </tbody>
    </table>
    <p>css使用方法:font-family:FAEF6FC5ED1;,font-family:Microsoft YaHei;,font-family:微软雅黑;都表示微软雅黑字体效果。<br>
        <strong>需要注意的是,如果要显示对应的字体效果,得保证电脑必须安装有相应的字体,如果没有安装相应字体,一般都是显示默认字体为宋体。在个别情况下,如果css中使用了汉字,可能会导致ie6中无法正常加载样式,可以通过对应的英文或者Unicode来解决这个问题。</strong><br>
        PS:CSS3可以加载非系统的字体,当然这都是后话。需要学习的可以搜索一下。</p>
</article>

手机前端开发需要学什么 前端开发的一般用什么编程软件 ios开发前端用什么语言

» 本文来自:前端开发者 » 《前端开发CSS常用中文字体英文名称对照表》
» 本文链接地址:https://www.rokub.com/5560.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!