3-3使用服务端字体

服务器添加了苹果的苹方字体，但本机上若干浏览器却如何也显示不出来，后来试了别人的windows，苹果，以及我的安卓手机却都能显示，不知原因何在！

不知为何默认的英文字体会看起来变粗？跟加粗的效果一样？？经测试实际上是不带加粗信息的！

不写加粗会自动加粗，但不写斜体不会自动变斜！

多个字体之间一定要用逗号隔开!

字体定义（同一种字体的常规、粗体、斜体、粗斜体要分别定义）


    @font-face {/*fontinSansCR常规*/
        font-family: myWebFont;
        src: url('fontinSansCR-Bold.otf') format("opentype");
        font-weight: normal;
    }
    @font-face {/*fontinSansCR斜体*/
        font-family: myWebFont;
        src: url('fontinSansCR-Bold.otf') format("opentype");
        font-style: italic;
    }
    @font-face {/*fontinSansCR粗体*/
        font-family: myWebFont;
        src: url('fontinSansCR-Bold.otf') format("opentype");
        font-weight: bold;
    }
    @font-face {/*fontinSansCR粗斜体*/
        font-family: myWebFont;
        src: url('fontinSansCR-Bold.otf') format("opentype");
        font-weight: bold;
        font-style: italic;
    }
    @font-face {/*胡敬礼毛笔繁体字*/
    font-family: myWebFont—hjlft;
    src: url('HuJingliFanti.TTF');
    }
    @font-face {/*钟齐孟宪敏钢笔简体*/
    font-family: myWebFont—zqmxmPenSimple;
    src: url('zqmxmPenSimple.TTF');
    }
    @font-face {
    font-family: pf_hei_zhun_jian;
    src: url('pf_hei_zhun_jian.TTF');
    }


    [id^=myfont] *{
        font-family:myWebFont, sans-serif;
    }

web字体_正常


    #myfont *{
        font-style: normal;
        font-weight: normal;
    }

Cascading Style Sheets

这是h1标题

this page point to the 新e风艺术工作室

web字体_粗体


    #myfontB *{
        
        font-weight: bold;
    }

Cascading Style Sheets

这是h1标题

this page point to the 新e风艺术工作室

web字体_斜体


    #myfontI *{
        font-style: italic;
        font-weight: normal;
    }

Cascading Style Sheets

这是h1标题

this page point to the 新e风艺术工作室

web字体_粗斜体


    #myfontIB *{
        font-style: italic;
        font-weight: bold;
    }

Cascading Style Sheets

这是h1标题

this page point to the 新e风艺术工作室

web字体_胡敬礼毛笔繁体


    #myfontHjlft *{
        font-family: myWebFont—hjlft, serif;
    }

Cascading Style Sheets

这是h1标题

这是来自于服务器的字体——胡敬礼毛笔繁体

this page point to the 新e风艺术工作室

web字体_钟齐孟宪敏钢笔简体


    #myfontZqmxmPenSimple *{
        font-family: myWebFont—zqmxmPenSimple, serif;
    }

Cascading Style Sheets

这是h1标题

这是来自于服务器的字体——钟齐孟宪敏钢笔简体

this page point to the 新e风艺术工作室

web字体_苹方黑准简体


    #pf_hei_zhun_jian *{
        font-family: pf_hei_zhun_jian, serif;
    }

Cascading Style Sheets

这是h1标题

这是来自于服务器的字体——钟齐孟宪敏钢笔简体

这是来自于服务器的字体——钟齐孟宪敏钢笔简体(微软雅黑)

this page point to the 新e风艺术工作室

web字体_苹方黑极细简体


    #pf_hei_jixi_jian *{
        font-family: pf_hei_jixi_jian, serif;
    }

Cascading Style Sheets

这是h1标题

这是来自于服务器的字体——钟齐孟宪敏钢笔简体

这是来自于服务器的字体——钟齐孟宪敏钢笔简体(微软雅黑)

this page point to the 新e风艺术工作室