css 网络字体的使用

最新推荐文章于 2023-10-31 22:13:07 发布

leigangg

最新推荐文章于 2023-10-31 22:13:07 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/leigangg/article/details/104394005

版权

网络字体

网络字体意思是除了系统自带的字体之外的特殊字体.
1.网络字体他先是根据你给的地址,先下载到浏览器,然后在应用.
2.字体的格式分别有:ttf,otf,eot,sog,svgz,woff,等等,这些格式有些浏览器是不支持的,所以我3.我们添加字体的时候需要多添加几种字体个税,以便适配更多的浏览器.
4.添加字体只能是多添加几种字体的格式,而不是多种字体.如果需要多种字体,那么就需要把下载字体和应用字体的代码在写一遍进行添加.

应用代码:

   <style>
        @font-face {
            font-family: "test";/*这里的test是我们给的名字*/
            src: url("字体路径"),
                url("另外一种格式的字体路径"),
                url("另外一种格式的字体路径");
        }
        p{
            /* 由font-family应用我们刚刚引入的字体 */
            font-family: "test";
        }
    </style>
</head>
<body>
    <p>我是一个段落</p>