好看的字体

一、英文字体

如下所示，试用了几种字体；更多字体可以在Dafont Free下载。

下载后需引入字体文件：

<style>
	@font-face{
		font-family: 'MyFont';
		src: url('../fonts/MyFont.otf');
	}
</style>

使用字体样式：

h1{
	font-family: 'MyFont';
}

样例代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Fonts</title>
	<style>
		@font-face{
			font-family: 'Selima';
			src: url('Selima.otf');
		}
		html, body { 
			height: 100%; 
		}
		body { 
			display: flex; 
			justify-content: center; 
			align-items: center;  
			text-align:center; 
			background:aliceblue; 
			overflow:hidden; 
		}
		h1{
			color: #2386ee;
			font-size: 5em;
			font-family: 'Selima';
		}
	</style>
</head>
<body>
	<h1>Hello World!</h1>
</body>
</html>