[分享]css下载的字体怎么用

CSS下载的字体如何使用在使用CSS样式设置网页字体时，如果页面上已有的字体不能满足我们的需求，我们可以下载自定义字体然后在CSS中引用。下面介绍如何使用CSS下载的自定义字体。1. 下载所需字体首先...

CSS下载的字体如何使用

在使用CSS样式设置网页字体时，如果页面上已有的字体不能满足我们的需求，我们可以下载自定义字体然后在CSS中引用。下面介绍如何使用CSS下载的自定义字体。

1. 下载所需字体

首先在网上搜索所需要的字体，一般可以在字体库网站上搜索下载免费字体。下载压缩包并解压，一般包含.ttf/.otf等字体文件。 

2. 在CSS中引用字体

@font-face {
   font-family: 'My Font';
   src: url('font file path');
}

font-family：自定义字体的名称
src：字体文件路径 

3. 使用自定义字体

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

此时，页面上的文本字体都将应用自定义字体，如果该字体在访问者的电脑上不存在，会自动替换为后备字体。