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

html-css017

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。

当在HTML中编译浏览时文字变成乱码时:

1:首先要查看一下浏览器的的编码格式:一般使用的是Unicode(UTF-8)

2:其次查看 html编码样式

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

通过改变charset=utf-8中的utf-8就可以改变网页的编码。

一般我们在写CSS文件时候也需要在CSS文件顶部使用@charset "utf-8"来定义此CSS文件编码类型。一般html源代码和css文件编码要统一,如果不统一会导致CSS hack,页面乱码网页页面排版乱等兼容问题。

3:国内常用的流行的有utf-8、gb2312这两种。一般这两种类型就能满足国内网页编码需求。当然程序和数据库中也会用到这两种编码类型来处理网页和存储数据类型。

(推荐charset使用编码是 UTF-8,因为可以通俗理解简体繁体可用此编码如台湾和内地使用此编码。)

4:如果编码混排将使网页乱码也叫不兼容,特别是在CSS注释中使用了编码混排将导致css hack。

希望以后在制作网页的时候千万不要忘记对网页编码的声明。