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

html-css011

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>

1、我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。

2、在头部调用CSS文件样式。

3、对于CSS,我们最常用的是通过class或是标签名来控制样式。

4、我们控制字体样式使用的font。

5、比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。

6、如果我们需要设置字体样式,那么我们可以使用font-family。

7、如果我们需要给字体加粗,那么我们可以使用font-weight。

8、在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对齐方式。

9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。

10、如果您定义的容器比文字的宽度小,那么可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。

11、font-style可以设置字体的样式。