在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属性即可。
需要注意的是,网络字体会增加网页的加载时间,并且很多字体版权受到保护,只能在特定的网站上使用。
粉丝
0
关注
0
收藏
0