css中有什么文字字体

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,我们可以通过font-family属性来设置字体。CSS中的字体可以分成两种类型:系统字体和网络字体。1.系统字体 body{ font-family: Arial, sans-serif

在CSS中,我们可以通过font-family属性来设置字体。CSS中的字体可以分成两种类型:系统字体和网络字体。

1.系统字体

 body{
        font-family: Arial, sans-serif;
    } 

系统字体即用户系统中默认已经安装的字体,由于各操作系统的字体组合不同,所以在设置字体时需要指定系统字体的一种或多种备选字体。如果用户系统中没有设置的字体,会使用默认的备选字体进行显示。

2.网络字体

 @font-face {
        font-family: 'MyFont';
        src: url('myfont.woff2') format('woff2'),
             url('myfont.woff') format('woff');
    }

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

网络字体是指通过网络引入的字体,它由三个部分组成:字体文件(.otf、.ttf、.woff、.woff2等)、CSS代码和Webfont服务。使用网络字体时,需要先在CSS中声明字体,通过src属性引入字体文件,然后在字体库中注册该字体。引用时,直接调用font-family属性即可。

需要注意的是,网络字体会增加网页的加载时间,并且很多字体版权受到保护,只能在特定的网站上使用。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中有什么文字字体

粉丝

0

关注

0

收藏

0

已有0次打赏