前台展示LED数字（计算器上数字类型）

最新推荐文章于 2024-04-27 21:35:02 发布

星星也会数人类嘛

最新推荐文章于 2024-04-27 21:35:02 发布

阅读量349

点赞数

分类专栏： css 文章标签： css css3 html

本文链接：https://blog.csdn.net/qq_42627162/article/details/109388905

版权

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

显示效果：
在这里插入图片描述
引入css，文件我上传到我的资源里，https://download.csdn.net/download/qq_42627162/85474785

在html中引入以下路径css：
/assets/module/font_ttf/webfontkit-20201030-041759/stylesheet.css

<span class="eleSpan">1532</span>

css:

.eleSpan {
    font-family: "digital-7regular";
    position: absolute;
    color: yellow;
    font-size: 3.3vw;
    left: 37%;
    top: 20.5%;
    letter-spacing: 0.7vw;
}

stylesheet.css：

@font-face {
    font-family: 'digital-7regular';
    src: url('digital-7-webfont.eot');
    src: url('digital-7-webfont.eot?#iefix') format('embedded-opentype'),
         url('digital-7-webfont.woff2') format('woff2'),
         url('digital-7-webfont.woff') format('woff'),
         url('digital-7-webfont.svg#digital-7regular') format('svg');
    font-weight: normal;
    font-style: normal;
}