CSS怎么调用系统没有的字体

html-css017

CSS怎么调用系统没有的字体,第1张

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文件,发现文本已成为字体了,见下图。

1、引用方法是对的,但是如果你的字库里这个字体名叫“YY字体”,而别人的字库里这个字体的名叫“YY”,那么你写成style="font-family:YY字体",别人是无法识别的。

2、如果别人没有你的字体,是无法显示你设置的YY字体的。我印象里有个微软还是谁出的软件,可以将你的字体打包,然后放在服务器上,用户浏览网页的时候会强行下载该字体。但是这有个缺点,如果你把该字体里涵盖的所有字都打包,这个文件几乎可以达到30M!,一般的做法是把要用到的该字体里的部分文字提取出来单独打包,但是这样你的网站以后的更新就会受到限制。

所以,综上所述,建议尽量使用系统自带的字体,比如宋体,特殊字体,还是用图片比较合适。

1.

FONT: 18px/28px

表示字符大小是18px而行高是28px

和 font-size:18pxline-height:28px呈现相同的结果

字符会根据行高垂直居中。

2.

<%=picheight-25%>应该是通过asp外部变量调用图片高度然后减去25px作为标题文字距离父元素(按照标记的命名应该是图片)顶端的距离。

*和楼主交流后知道是ASP程序,原来以为是php, 然后是距顶端的距离,原来错写为底端

请采纳。