professorboerner.com

Text und Schriften

Dies ist die Überschrift h1. Sie geht absichtlich über zwei Zeilen. Das hoffe ich zumindest.

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.

Dies ist die Überschrift h2. Auch sie geht absichtlich über zwei Zeilen. Sollte sie zumindest. Hoffe, das klappt auch.

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.

Dies ist die Überschrift h3. Jaja, sollte ebenfalls über zwei Zeilen gehen. Grund ist, dass der margin-bottom nicht durch falsche line-height gesetzt wird.

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.

Dies ist die Überschrift h4. Falls sie nicht über zwei Zeilen geht: das mit der line-height sollte nun ja klar sein

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen.

Import-Script Schrift 1:
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&display=swap" rel="stylesheet"> 

Import-Script Schrift 2:
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap" rel="stylesheet"> 


body {
font-size: 20px;
line-height: 25px;
margin-bottom: px;
color: #707070;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}

h1 {
font-size: 38px;
line-height: 45px;
margin-bottom: 6px;
color: #0047AB;
font-family: 'Playfair Display', serif;
font-weight: 700;
text-transform: normal;
}

h2 {
font-size: 35px;
line-height: 42px;
margin-bottom: 5px;
color: #0047AB;
font-family: 'Playfair Display', serif;
font-weight: 700;
text-transform: normal;
}

h3 {
font-size: 29px;
line-height: 36px;
margin-bottom: 5px;
color: #0047AB;
font-family: 'Playfair Display', serif;
font-weight: 500;
text-transform: normal;
}

h4 {
font-size: 25px;
line-height: 30px;
margin-bottom: 4px;
color: #0047AB;
font-family: 'Playfair Display', serif;
font-weight: 500;
text-transform: normal;
}



@media (max-width: 1279px) {

body {
font-size: 18px;
line-height: 24px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h1 {
font-size: 35px;
line-height: 42px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h2 {
font-size: 32px;
line-height: 38px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h3 {
font-size: 27px;
line-height: 32px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h4 {
font-size: 24px;
line-height: 29px;
margin-bottom: normalpx;
color: #normal;
font-family: normal;
font-weight: normal;
}

}

@media (max-width: 1023px) {

body {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h1 {
font-size: px;
line-height: px;
margin-bottom: 5px;
color: #;
font-family: ;
font-weight: ;
}

h2 {
font-size: px;
line-height: px;
margin-bottom: 4px;
color: #;
font-family: ;
font-weight: ;
}

h3 {
font-size: 25px;
line-height: 30px;
margin-bottom: 4px;
color: #;
font-family: ;
font-weight: ;
}

h4 {
font-size: 22px;
line-height: 28px;
margin-bottom: 3px;
color: #normal;
font-family: normal;
font-weight: normal;
}

}

@media (max-width: 768px) {

body {
font-size: 16px;
line-height: 20px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h1 {
font-size: 30px;
line-height: 35px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h2 {
font-size: 28px;
line-height: 35px;
margin-bottom: 3px;
color: #;
font-family: ;
font-weight: ;
}

h3 {
font-size: 22px;
line-height: 26px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h4 {
font-size: normalpx;
line-height: normalpx;
margin-bottom: normalpx;
color: #normal;
font-family: normal;
font-weight: normal;
}

}

@media (max-width: 640px) {

body {
font-size: 14px;
line-height: 17px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h1 {
font-size: 28px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h2 {
font-size: 24px;
line-height: 32px;
margin-bottom: 2px;
color: #;
font-family: ;
font-weight: ;
}

h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h4 {
font-size: 19px;
line-height: 25px;
margin-bottom: normalpx;
color: #normal;
font-family: normal;
font-weight: normal;
}

}

@media (max-width: 480px) {

body {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h1 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h2 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h3 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

h4 {
font-size: px;
line-height: px;
margin-bottom: px;
color: #;
font-family: ;
font-weight: ;
}

}

Joomla!

Wichtige Informationen

Installierte Erweiterungen:

  • Web357 Cookies Policy Notification Bar
  • RegularLabs - Modules anywhere
  • RegularLabs - Articles anywhere
  • ACF Customs Fields

Overrides

  • mod_articles_news/default.php
  • mod_articles_news/_item.php
  • mod_custom/default.php als Slider

Overrides Erweiterungen

Allgemeines

Farben

Farbe Headline: HEX: #0047ab, RGB: 0,71,171

Die Farbe des Fließtextes ist: HEX: #707070, RGB: 112,112,112
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog.

HEX: #333333
RGB: 51,51,51
HEX: #0047ab
RGB: 0,71,171
HEX: #bcd5f7
RGB: 188,213,247
HEX:
RGB: ,,
HEX:
RGB: ,,