网页前端后台技巧(CSS+HTML)html/css/JavaScript基础码神之路:CSS/CSS3篇

CSS3(5)字体

2019-02-02  本文已影响0人  RachelCT

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


CSS3字体

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

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

div
{
    font-family:myFirstFont;
}

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

上一篇 下一篇

猜你喜欢

热点阅读