你说的导入是指什么？嵌入？引入？
1、 嵌入：如果是嵌入的，那么你的css文件会不小，查了一下，“微软简隶书”这个字体有2.63M，何况你还有“华文行楷”这个字体，css文件得将近10M了，为了实现几个效果得不偿失。
2、 引入：如果只是引入了font-family样式，不是嵌入了字体，那么问题又出现了，如果访问者电脑内，没有css引入的字体，那么这个字体效果不会显示，“微软简隶书”与“华文行楷”这两个都不是电脑预装字体，也就是说，大部分电脑看不到字体效果，只会看到宋体或者微软雅黑（电脑的默认字体）。
3、如果使用这个字体的地方不多，推荐使用图片。安全可靠。
你把CSS作如下改动就行：<style type="text/css">
#Layer1 {
left:198px
top:50px
width:294px
height:141px
z-index:1
position: absolute
background-color: #FF00FF
}
#Layer2 {
width:100px
height:100px
z-index:2
margin: -50px 0px 0px -50px
background-color: #FFFF00
}
</style>
改为：
<style type="text/css">
#Layer1 {
left:198px
top:50px
width:294px
height:141px
position: absolute
background-color: #FF00FF
}
#Layer2 {
width:100px
height:100px
margin: 0px
background-color: #FFFF00
}
</style>
这样就行，margin 是设置内补丁的．另外Z-index是设层的位置顺序．建议你多试验，多看效果．
