定义自定义字体需要css的什么规则

定义自定义字体需要css的什么规则,第1张

定义和用法

font-family 规定元素的字体系列。

font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

有两种类型的字体系列名称:

指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。

通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

提示:使用逗号分割每个值,并始终提供一个类族名称作为最后的选择。

注意:使用某种特定的字体系列(Geneva)完全取决于用户机器上该字体系列是否可用;这个属性没有指示任何字体下载。因此,强烈推荐使用一个通用字体系列名作为后路。

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

字体是要客户端浏览器支持的。请注意是浏览器而不是 *** 作系统。如果设置的字体不能被浏览器识别,那么浏览器会使用浏览器的默认字体(IE默认为宋体,当然,这个默认值是可以修改的)来替代网页字体显示。

使用CSS中的font-family,语法是:

font-family: <family-name>, <generic-font-family-category>

需要填写一个自定义的字体名称和一个默认的字体种类

例如Adobe Source Han Sans就是:

font-family: "Adobe Source Han Sans", sans-serif;

在样式表或者页面head加上这个就可以了分别是字体,字号,颜色,行高,总之要什么就写什么
body,td,th
{font-family:
Verdana,
Arial,
Helvetica,
sans-serif;font-size:
12px;color:
#1d1007;
line-height:24px}
这个是全局的,如果你要改局部,你可以自定义,比如:
ft02
{
font-size:14px;
font-weight:bold;
color:#f8dcac}
ft03
{
font-size:14px;
font-weight:bold;
color:#b30000}
然后在需要调用的地方用class="ft02"就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zz/12968936.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存