CSS3(5)字体
2019-02-02 本文已影响0人
RachelCT
以前的CSS字体样式需要用户的计算机上有安装相应的字体,但在CSS3中,我们可以自己完成这个工作,而不给用户提要求。开发人员将字体引入网站就可以直接展示给用户。
CSS3规定在@font-face中定义字体样式,然后通过样式名称应用在各个标签中。@font-face规则中包含以下描述:
![](https://img.haomeiwen.com/i5867790/032bd1fd14422589.png)
其中右边两个属性是必需的,下面贴一个示例作为参考:
@font-face
{
font-family: myFirstFont;
src: url(sansation_bold.woff);
font-weight:bold;
}
div
{
font-family:myFirstFont;
}
在@font-face中定义好样式后,使用时根据样式名称应用。虽然现在还没有用过自定义字体样式,但是font-family引用这种方式还是非常熟悉的。
日积月累,厚积薄发!