css调用外部中文字体怎么调用?例如方正黑体繁体字体

html-css014

css调用外部中文字体怎么调用?例如方正黑体繁体字体,第1张

class{

font-family: 'hakuyoxingshu000Regular'

src: url('000.eot')

src: local('hakuyoxingshu000 Regular'), local('hakuyoxingshu7000'), url('000.ttf') format('truetype'), url('000.svg#hakuyoxingshu000') format('svg')

}

其中的“000”是你的字体名称,有个缺点就是要考虑到兼容性,以上三种写法分别对应的是:

.TTF或.OTF,适用于Firefox 3.5、Safari、Opera

.EOT,适用于Internet Explorer 4.0+

.SVG,适用于Chrome、IPhone。

不能单单是font-family:"方正准圆繁体",因为这不是电脑常规字体,你开发用的电脑上面安装了这种字体,但客户浏览你网站的电脑就不一定安装了这种字体,假如客户电脑没有安装你这种字体,则会默认显示为宋体,这种情况有两种解决方案,1.是用图片代替文字,2.是把这种字体下载下来放到你网站的目录里面,然后把字体包调用在页面里面!

<style>

@font-face {

font-family:'dabiaosong'

src: url('方正准圆繁体.ttf') format('truetype')

}

</style>