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风艺术工作室