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; }
此时,页面上的文本字体都将应用自定义字体,如果该字体在访问者的电脑上不存在,会自动替换为后备字体。
粉丝
0
关注
0
收藏
0