CSS3(5)字体

以前的CSS字体样式需要用户的计算机上有安装相应的字体,但在CSS3中,我们可以自己完成这个工作,而不给用户提要求。开发人员将字体引入网站就可以直接展示给用户。
CSS3规定在@font-face中定义字体样式,然后通过样式名称应用在各个标签中。@font-face规则中包含以下描述:


CSS3(5)字体_第1张图片
CSS3字体

其中右边两个属性是必需的,下面贴一个示例作为参考:

@font-face
{
    font-family: myFirstFont;
    src: url(sansation_bold.woff);
    font-weight:bold;
}

div
{
    font-family:myFirstFont;
}

在@font-face中定义好样式后,使用时根据样式名称应用。虽然现在还没有用过自定义字体样式,但是font-family引用这种方式还是非常熟悉的。
日积月累,厚积薄发!

你可能感兴趣的:(CSS3(5)字体)