css 怎么调用外部字体。。

html-css09

css 怎么调用外部字体。。,第1张

1、在文件夹中放入ttf、otf等格式的字体，这些都是一个字体的不同格式，是为了兼容不同的浏览器，然后创建一个html文件test。如下图所示：

2、在test页面打开的页面中添加一个class为anim的div代码。如下图所示：

3、在打开的页面找到接着设置anim的宽高等样式。如下图所示：

4、创建一个font-face，设置字体为 test ，在src中把我们的字体文件都包含进去。如下图所示：

5、现在我们就可以在anim样式中通过 font-family:test 来使用这个字体。如下图所示：

6、在浏览器中打开test文件，我们发现文字已经变成我们的字体了。如下图所示：

以在css中设置文本字体为“微软雅黑”。具体方法和CSS代码如下：

.body {font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}

之所以加上中文名“微软雅黑”是为了兼容opera。Microsoft JhengHei为微软正黑体，STHeiti为华文黑体，写这么多字体是为了预防万一用户的电脑上没有微软正黑体，那么CSS可以从后边几种字体中选择一个类似的字体，记得11px下的MingLiu中文有着不凡的效果。

box1{font-family:"微软雅黑,宋体"font-weight:bold}这个字体。css设定的字体, 只有系统里面有这个字体的才能看到。 比如xp系统的用户, 一般都没有微软雅黑, 你css使用了微软雅黑。

但是用户只能看到系统默认的宋体. 所以不要那么麻烦. 要想用的只要在你的font文件夹找到字体默认名字就行了.