【HTML+CSS】自定义字体

文章目录

  • 前言
  • 一、html代码
  • 二、css代码
  • 二、效果图
  • 总结
    • 一些网站


前言

要什么前言,直接上例子代码,文末给一些网站自己找找思路


一、html代码

<html>
<head>
	<title>自定义字体库测试title>
	<link href="style.css" rel="stylesheet" type="text/css">
head>
<body><body>
<script>
	var colors = ["#014289","#006FAF","#009AC0","#00CCBC","#60F3AB"];
	var clzzs = ["aliyun"
				,"taobaowangzimu"
				,"taobaowanglogo"
				,"weibo2"
				,"alipay2"
				,"iconfontyijianfankui"
				,"password"
				,"qrcode"
				,"arrow"
				,"alipay2"
				,"del"
				,"alipaybg"
				,"qq2"
				,"weixin2"
				,"akey-phone"
				,"weibo2"
				,"eye-open"
				,"loading"
				,"akey-error"
				,"success"];
	var color_i = -1;
	for(var i = 0;i<=clzzs.length;i++){
		var e_i = document.createElement("i");
		e_i.className = "myfont "+clzzs[i];
		if(color_i == -1)
			color_i = colors.length - 1;
		e_i.style = "color:" + colors[color_i--];
		if(i>0 && i%5==0){
			var newLine = document.createElement("br");
			document.body.appendChild(newLine);
		}
		document.body.appendChild(e_i);
	}
script>
html>

二、css代码

@font-face {
    font-family: myfont;
    src: url("//at.alicdn.com/t/font_583095_mkx2fqcegt7.eot?t=1583155643581");
    src: url("//at.alicdn.com/t/font_583095_mkx2fqcegt7.eot?t=1583155643581#iefix") format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"),url("//at.alicdn.com/t/font_583095_mkx2fqcegt7.woff?t=1583155643581") format("woff"),url("//at.alicdn.com/t/font_583095_mkx2fqcegt7.ttf?t=1583155643581") format("truetype"),url("//at.alicdn.com/t/font_583095_mkx2fqcegt7.svg?t=1583155643581#iconfont") format("svg")
}

.myfont {
    font-family: myfont!important;
    font-size: 90px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.aliyun:before {
    content: "\E603"
}

.taobaowangzimu:before {
    content: "\E624"
}

.taobaowanglogo:before {
    content: "\E60F"
}

.weibo2:before {
    content: "\E60B"
}

.alipay2:before {
    content: "\E618"
}

.iconfontyijianfankui:before {
    content: "\E61C"
}

.password:before {
    content: "\E626"
}

.qrcode:before {
    content: "\E628"
}

.arrow:before {
    content: "\E627"
}

.alipay2:before {
    content: "\E644"
}

.del:before {
    content: "\E60E"
}

.alipaybg:before {
    content: "\E63C"
}

.qq2:before {
    content: "\E631"
}

.weixin2:before {
    content: "\E659"
}

.akey-phone:before {
    content: "\E600"
}

.weibo2:before {
    content: "\E630"
}

.eye-open:before {
    content: "\E60D"
}

.loading:before {
    content: "\E643"
}

.akey-error:before {
    content: "\E6B1"
}

.success:before {
    content: "\E6B3"
}

.taobao:before {
    content: "\E606"
}

.eye-close-2:before {
    content: "\E60A"
}

.arrow-right:before {
    content: "\E60C"
}

.eye-close:before {
    content: "\E6B8"
}

.aliyun1:before {
    content: "\E709"
}

.dingding:before {
    content: "\E70B"
}

.damailogo:before {
    content: "\E658"
}

.user:before {
    content: "\E601"
}

.sms:before {
    content: "\E602"
}

.pwd:before {
    content: "\E604"
}

.phone:before {
    content: "\E605"
}

.warning:before {
    content: "\E607"
}

.success-full:before {
    content: "\E608"
}

.error-full:before {
    content: "\E609"
}

.scan:before {
    content: "\E611"
}

.akey-success:before {
    content: "\E70A"
}

二、效果图

【HTML+CSS】自定义字体_第1张图片


总结

一些网站

阿里巴巴矢量图标库:https://www.iconfont.cn/
字体编辑器:https://kekee000.github.io/fonteditor/index.html
相关仓库:https://github.com/ecomfe/fonteditor

你可能感兴趣的:(这里啥都有,html,css)