css自定义字体的使用

y叽里咕噜

已于 2022-11-23 11:34:48 修改

阅读量293

点赞数

文章标签： css3 前端 css

于 2022-11-16 14:56:09 首次发布

本文链接：https://blog.csdn.net/qq_54030660/article/details/127885354

版权

第一步：

把你自己想要找的字体样式先下载出来，下载出来一个ttf或者eot文件，可以百度下载，也可以直接打开这个网站

Bebas Neue Regular 字体 (fonts2u.com)

PingFang SC Semibold - 字客网 (fontke.com)

第二步：

在你的代码style里面写上这句代码

@font-face {
            /* 此时的myFont可以其别的名字，应用的时候写此处的名字 */
            font-family: myFont; 
            src: url('BebasNeue-Regular.ttf');
        }
        /* 例子 */
        .box {
            /* 因为上面是myFont，所以此时也是myFont */
            font-family: myFont;
        }

第三步：

恭喜你成功啦