css 导入微软简隶书 字体，不显示

html-css017

css 导入微软简隶书 字体，不显示,第1张

你这个问题很多种情况

你说的导入是指什么？嵌入？引入？

1、 嵌入：如果是嵌入的，那么你的css文件会不小，查了一下，“微软简隶书”这个字体有2.63M，何况你还有“华文行楷”这个字体，css文件得将近10M了，为了实现几个效果得不偿失。

2、 引入：如果只是引入了font-family样式，不是嵌入了字体，那么问题又出现了，如果访问者电脑内，没有css引入的字体，那么这个字体效果不会显示，“微软简隶书”与“华文行楷”这两个都不是电脑预装字体，也就是说，大部分电脑看不到字体效果，只会看到宋体或者微软雅黑（电脑的默认字体）。

3、如果使用这个字体的地方不多，推荐使用图片。安全可靠。

@font-face{

     font-family: '字体名称' 

     src: url('../font/字体名称.eot')

     src:url('../font/字体名称.woff') format('woff'),

         url('../font/字体名称.ttf') format('truetype'),

         url('../font/字体名称.svg') format('svg')

}

/*html中的代码中加一个元素div,h1,p等等，里面写你自己定义的字体名称*/

h1{font-size:36px color:#cccfont-family: "你自己定义的字体名称"}