Initial commit
This commit is contained in:
34
HTML/html-kurs/Basics/schriftarten/schriftarten.css
Normal file
34
HTML/html-kurs/Basics/schriftarten/schriftarten.css
Normal file
@@ -0,0 +1,34 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
|
||||
|
||||
body {
|
||||
font-family: Tahoma, Verdana, sans-serif;
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
#span1 {
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
#span2 {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#span3 {
|
||||
font-family: cursive;
|
||||
}
|
||||
|
||||
#span4 {
|
||||
font-family: fantasy;
|
||||
}
|
||||
|
||||
#span5 {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
#extern {
|
||||
font-family: 'Libre Barcode 39 Text', cursive;
|
||||
}
|
||||
|
||||
#extern2 {
|
||||
font-family: 'Indie Flower', cursive;
|
||||
}
|
||||
24
HTML/html-kurs/Basics/schriftarten/schriftarten.html
Normal file
24
HTML/html-kurs/Basics/schriftarten/schriftarten.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Schriftarten</title>
|
||||
<link rel="stylesheet" type="text/css" href="schriftarten.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Libre+Barcode+39+Text&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Lorem Ipsum<br><br>
|
||||
|
||||
<span id="span1">Lorem Ipsum</span><br><br>
|
||||
<span id="span2">Lorem Ipsum</span><br><br>
|
||||
<span id="span3">Lorem Ipsum</span><br><br>
|
||||
<span id="span4">Lorem Ipsum</span><br><br>
|
||||
<span id="span5">Lorem Ipsum</span><br><br>
|
||||
<span id="extern">Lorem Ipsum</span><br><br>
|
||||
<span id="extern2">Lorem Ipsum</span>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user