前端项目开发中,需要用到很多字体,经常会遇到重复的字体,想着每次重新找设计要或者自己找,记录下来,方便后续可以直接下载使用。
字体名称
液晶数字字体
使用代码
@font-face {
font-family: '液晶数字字体';
src: url('../fonts/液晶数字字体.TTF');
}
.size {
font-family: '液晶数字字体';
}
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>