前端项目开发中，需要用到很多字体，经常会遇到重复的字体，想着每次重新找设计要或者自己找，记录下来，方便后续可以直接下载使用。
字体名称
斗鱼追光体 douyu
使用代码
@font-face {
font-family: 'douyu';
src: url('./fonts/douyuFont.otf');
}
.fonts {
font-family: 'douyu';
margin: 30px;
font-size: 30px;
}
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: 'douyu';
src: url('./fonts/douyuFont.otf');
}
.fonts {
font-family: 'douyu';
margin: 30px;
font-size: 30px;
}
</style>
<div class="fonts">
<p>完竣世界</p>
</div>
</body>
</html>
是否可商用
允许任何个人和企业免费使用,包括商用用途,但禁止用于商标注册以及违法用途
