概览

Averta 是一款显示细腻优雅的 Sans Serif 字体,支持应用于系统桌面、在线网站与 App 界面,更多字体细节与授权方式请见:https://www.thedesignersfoundry.com/averta

代码

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">

		@font-face {
			font-family:"AvertaRegular";
			src:url(https://cdna.iconscout.com/fonts/Averta-Regular.77b1b73.eot);
			src:url(https://cdna.iconscout.com/fonts/Averta-Regular.77b1b73.eot?#iefix) format("embedded-opentype"),
			url(https://cdna.iconscout.com/fonts/Averta-Regular.296928a.woff2) format("woff2"),
			url(https://cdna.iconscout.com/fonts/Averta-Regular.79c0972.woff) format("woff"),
			url(https://cdna.iconscout.com/fonts/Averta-Regular.92ece56.ttf) format("truetype");
		}	

		@font-face {
			font-family:"AvertaBold";
			src:url(https://cdna.iconscout.com/fonts/Averta-Bold.db8e01c.eot);
			src:url(https://cdna.iconscout.com/fonts/Averta-Bold.db8e01c.eot?#iefix) format("embedded-opentype"),
			url(https://cdna.iconscout.com/fonts/Averta-Bold.6745c20.woff2) format("woff2"),
			url(https://cdna.iconscout.com/fonts/Averta-Bold.8033efc.woff) format("woff"),
			url(https://cdna.iconscout.com/fonts/Averta-Bold.2b1d5be.ttf) format("truetype");
		}

		@font-face {
			font-family:"AvertaSemibold";
			src:url(https://cdna.iconscout.com/fonts/Averta-Semibold.43d9442.eot);
			src:url(https://cdna.iconscout.com/fonts/Averta-Semibold.43d9442.eot?#iefix) format("embedded-opentype"),
			url(https://cdna.iconscout.com/fonts/Averta-Semibold.8a8b411.woff2) format("woff2"),
			url(https://cdna.iconscout.com/fonts/Averta-Semibold.9f3e7c7.woff) format("woff"),
			url(https://cdna.iconscout.com/fonts/Averta-Semibold.48fa578.ttf) format("truetype");
		}

		h2 {
			font-family:"AvertaRegular";
		}
		p {
			font-family:"AvertaRegular";
		}
		div {
			font-family:"AvertaSemibold";			
		}
		footer {			
			font-family:"AvertaBold";
		}
	</style>
</head>
<body>
	<h2>
		Access Unicons directly from your favorite design tools
  </h2>
  <p>
  	Unicons’ icon fonts, SVG icons, animated icons and 3D icons are easily accessible as plugins with popular tools. Just search and insert the desired icon with a simple drag and drop.
  </p>
  <div>
  	Design by hexingxing.CN
  </div>
  <footer>
  	Averta Font Family
  </footer>
</body>
</html>

演示

https://static.hexingxing.cn/v3/html/averta/


友情提示:本站所有文章,如无特殊说明或标注,均为何星星原创发布。与此同时,趋于近年来本站的文章内容频繁被他站盗用与机器采集,现已全局禁用网站文字内容操作,了解详情或转载文章请 点此 继续!
分类: 前端开发

0 条评论

发表回复

Avatar placeholder

您的电子邮箱地址不会被公开。 必填项已用*标注