CSS调用系统没有的字体的操作方法和步骤如下:
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属性中有个font属性,例如{font-family:"迷你简菱心"},在装过这个字体的的电脑会有效果,但是再没有装过的电脑可能就是其它字体了,一般会解析为宋体,问题解决一般由两种解决方案。第一:css3下载字体,代码如下
@font-face
{
font-family:
'自己命名字体名字'
src:
url('字体路径')
src:
url('FileName.eot?#iefix')
format('embedded-opentype'),
/*其它格式*/
url('FileName.woff')
format('woff'),
url('FileName.ttf')
format('truetype'),
url('FileName.svg#FontName')
format('svg')
font-style:
normal
font-weight:
normal
/*设置默认样式*/
}
.aa{font-family:"自己命名字体名字"}
不兼容ie8及以下浏览器
第二:切png图片
使用CSS中的font-family,语法是:
font-family: <family-name>, <generic-font-family-category>需要填写一个自定义的字体名称和一个默认的字体种类
例如Adobe Source Han Sans就是:
font-family: "Adobe Source Han Sans", sans-serif