<!--.:◂◀▸v▶¤◀v∫∫v▶¤◀v∫∫‡####‡‡‡‡###‡‡‡###‡‡####‡∫∫v▶¤◀v∫∫v▶¤◀v◂▶▸:.
| |
| Filename : EH_font-style.html |
| Label : Basics |
| Author : Elias Hübner |
| Size : 1.149 bytes |
| Created : 15. February 2024 at 13:44 |
| |
::◂◀▸v▶¤◀v∫∫v▶¤‡‡##‡‡‡‡‡‡‡‡###‡‡###‡‡‡‡##‡‡‡‡##‡‡¤◀v∫∫v▶¤◀v◂▶▸::-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>font-style</title>
<style>
@font-face {
font-family: Konsole;
src: url(../_fonts/Konsolev1.1-VF.ttf);
}
body {
font-family: Konsole;
font-size: 6vh;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
height: 100vh;
}
.class-1 {
font-style: normal;
}
.class-2 {
font-weight: bold;
}
.class-3 {
font-style: italic;
}
</style>
</head>
<body>
<div>
<p class="class-1">font-style<br>normal</p>
<p class="class-2">font-style<br>bold</p>
<p class="class-3">font-style<br>italic</p>
</div>
</body>
</html>
