前端字体资源记录 液晶数字字体

资源 yekong

前端项目开发中,需要用到很多字体,经常会遇到重复的字体,想着每次重新找设计要或者自己找,记录下来,方便后续可以直接下载使用。

前端字体资源记录 液晶数字字体

字体名称

液晶数字字体

使用代码

@font-face {
  font-family: '液晶数字字体';
  src: url('../fonts/液晶数字字体.TTF');
}
.size {
  font-family: '液晶数字字体';
}

html渲染效果

html渲染效果

html渲染代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>液晶字体</title>
</head>

<body>
<style>

    @font-face {
        font-family: 'yejing';
        src: url('./fonts/yejing.TTF');
    }

    .fonts {
        font-family: 'yejing';
        margin: 30px;
        font-size: 30px;
    }
</style>
<div class="fonts">
    <p>0123456789</p>
</div>
</body>
</html>

下载地址

相关文件下载地址
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
前端字体资源记录 液晶数字字体