Web字体(【iconfont.cn】引用在线字体)@font-face属性的使用以及字体格式详解

最新推荐文章于 2023-10-16 16:06:55 发布

杏黄的三叶草

最新推荐文章于 2023-10-16 16:06:55 发布

阅读量1.7k

点赞数

分类专栏： Web前端CSS

本文链接：https://blog.csdn.net/dwjdj/article/details/104095604

版权

服务器字体的设置：
✔引用在线字体。（了解）
✔下载到本地使用（推荐）

@font-face是CSS3新增的属性，用于定义服务器字体。通过@font-face属性，开发者可以在用户计算机未安装字体时，使用任何喜欢的字体，规则如下：

@font-face{
   
font-family:字体名称；
src:字体路径；
}
字体名可以自己更改 
iconfont.cn网站里面的字体只能针对当前显示的字体设置，要想设置想要的字体，去[http:](http://www.zhaozi.cn/)网站下载，然后在代码中使用。

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css&

最低0.47元/天解锁文章

杏黄的三叶草

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Web字体(【iconfont.cn】引用在线字体)@font-face属性的使用以及字体格式详解

服务器字体的设置：✔引用在线字体。（了解）✔下载到本地使用（推荐）@font-face是CSS3新增的属性，用于定义服务器字体。通过@font-face属性，开发者可以在用户计算机未安装字体时，使用任何喜欢的字体，规则如下：@font-face{font-family:字体名称；src:字体路径；}iconfont.cn网站里面的字体只能针对当前显示的字体设置，要想设置想要的字体...
复制链接

扫一扫