[分享]css3怎样加字体

CSS3提供了一种轻松添加字体的方法，可以使你在网站上实现更多的创意和设计感，下面我们来看看如何使用CSS3加入自定义字体。fontface { fontfamily: MyFont; src: ur...

CSS3提供了一种轻松添加字体的方法，可以使你在网站上实现更多的创意和设计感，下面我们来看看如何使用CSS3加入自定义字体。

@font-face {
    font-family: 'MyFont';
    src: url('myfont.otf') format('opentype');
} 

首先，在CSS样式表中，我们需要通过@font-face规则声明自定义字体。注意，在首次定义该字体时，需要用单引号或双引号将字体名称括起来。其次，使用src属性将字体文件路径指向自定义字体文件的位置。最后，使用format属性来说明自定义字体文件的类型。

接下来，我们要选择要使用的字体，如下所示：

body{
    font-family: 'MyFont', sans-serif;
} 

在例子中，我们使用font-family属性来选择' MyFont '字体，它是在@font-face规则中定义的。如果指定的字体不可用，sans-serif字体作为默认字体进行渲染。

总结一下，添加自定义字体不仅可以增加网站设计感，而且很容易实现。只需在CSS样式表中声明自定义字体，然后将其选择为要使用的字体即可！