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

html-css071

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。

Calibri、 Segoe UI、 Verdana、 Tahoma Arial ——如果你是纯英文的网页的话。。。

不过，现在css3已经很普及了，在里面可以引用很多在线的字体来把网页做得非常漂亮（即使用户的浏览器所在电脑没有这些字体），没有必要纠结哪些是“常用”的

如果你电脑本身没有安装这种字体的话是不显示的，默认显示宋体。

你可以用@font-face方法引用，具体方法请百度。

再一个，你如果在手机上看的话，字体也是显示默认的。