dm-systemtechnik.de

Text und Schriften
Joomla!
Allgemeines
Farben

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 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 die Überschrift h4. Falls sie nicht über zwei Zeilen geht: das mit der line-height sollte nun ja klar sein

Import-Script Schrift 1:


<link href="https://fonts.googleapis.com/css2?family=Abel&display=swap" rel="stylesheet">

Import-Script Schrift 2:

@media (max-width: 1279px) {

}

@media (max-width: 1023px) {

}

@media (max-width: 768px) {

}

@media (max-width: 640px) {

}

@media (max-width: 480px) {

}

Joomla!

Wichtige Informationen

Installierte Erweiterungen:

Overrides

Overrides Erweiterungen

Allgemeines

Firmen-Logo als SVG:


<?xml version="1.0" encoding="utf-8"?>

<!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

     viewBox="0 0 704.9 452.8" style="enable-background:new 0 0 704.9 452.8;" xml:space="preserve">

<style type="text/css">

    .st0{fill:#575756;}

    .st1{fill:#002B4F;}

</style>

<path class="st0" d="M11.9,432.9c0,7.5,5.8,10.4,12.4,10.4c4.3,0,10.9-1.3,10.9-7c0-6.1-8.4-7.1-16.7-9.3c-8.3-2.2-16.7-5.4-16.7-16

    c0-11.5,10.8-17,21-17c11.7,0,22.5,5.1,22.5,18.1H33.4c-0.4-6.8-5.2-8.5-11.1-8.5c-3.9,0-8.5,1.6-8.5,6.4c0,4.3,2.7,4.9,16.7,8.5

    c4.1,1,16.7,3.6,16.7,16.3c0,10.3-8.1,18-23.3,18c-12.4,0-24-6.1-23.9-20H11.9z"/>

<polygon class="st0" points="73.8,429.7 53.1,395.4 67,395.4 80.1,417.5 93.2,395.4 106.9,395.4 86.1,430 86.1,451.5 73.8,451.5 "/>

<path class="st0" d="M124.8,432.9c0,7.5,5.8,10.4,12.4,10.4c4.3,0,10.9-1.3,10.9-7c0-6.1-8.4-7.1-16.7-9.3

    c-8.3-2.2-16.7-5.4-16.7-16c0-11.5,10.8-17,21-17c11.7,0,22.5,5.1,22.5,18.1h-11.9c-0.4-6.8-5.2-8.5-11.1-8.5

    c-3.9,0-8.5,1.6-8.5,6.4c0,4.3,2.7,4.9,16.7,8.5c4.1,1,16.7,3.6,16.7,16.3c0,10.3-8.1,18-23.3,18c-12.4,0-24-6.1-23.9-20H124.8z"/>

<polygon class="st0" points="184.5,405.8 167.7,405.8 167.7,395.4 213.6,395.4 213.6,405.8 196.8,405.8 196.8,451.5 184.5,451.5 "/>

<polygon class="st0" points="224.8,395.4 266.7,395.4 266.7,405.8 237.1,405.8 237.1,417.8 264.3,417.8 264.3,427.4 237.1,427.4 

    237.1,441.1 267.4,441.1 267.4,451.5 224.8,451.5 "/>

<polygon class="st0" points="280.4,395.4 297.8,395.4 310.9,434 311,434 323.5,395.4 340.8,395.4 340.8,451.5 329.3,451.5 

    329.3,411.7 329.1,411.7 315.4,451.5 305.9,451.5 292.1,412.1 292,412.1 292,451.5 280.4,451.5 "/>

<polygon class="st0" points="350.6,395.4 395,395.4 395,399.9 375.5,399.9 375.5,451.5 370.1,451.5 370.1,399.9 350.6,399.9 "/>

<polygon class="st0" points="405,395.4 443.7,395.4 443.7,399.9 410.4,399.9 410.4,420.2 441.6,420.2 441.6,424.8 410.4,424.8 

    410.4,446.9 444.1,446.9 444.1,451.5 405,451.5 "/>

<path class="st0" d="M497.3,412.4c-1.9-8.6-9-13.6-17.2-13.6c-14.9,0-21.1,12.4-21.1,24.7c0,12.3,6.3,24.7,21.1,24.7

    c10.4,0,17-8,18-18h5.3c-1.5,13.8-10.2,22.5-23.3,22.5c-17.7,0-26.5-13.9-26.5-29.2c0-15.3,8.8-29.2,26.5-29.2

    c10.6,0,21.1,6.4,22.5,18.1H497.3z"/>

<polygon class="st0" points="516.3,395.4 521.7,395.4 521.7,419.8 555,419.8 555,395.4 560.3,395.4 560.3,451.5 555,451.5 

    555,424.3 521.7,424.3 521.7,451.5 516.3,451.5 "/>

<polygon class="st0" points="576.3,395.4 582.3,395.4 614.9,442.8 615.1,442.8 615.1,395.4 620.4,395.4 620.4,451.5 614.5,451.5 

    581.8,404 581.6,404 581.6,451.5 576.3,451.5 "/>

<rect x="636.8" y="395.4" class="st0" width="5.3" height="56.1"/>

<polygon class="st0" points="658.5,395.4 663.9,395.4 663.9,425.6 696.5,395.4 703.7,395.4 678.7,418.6 704.9,451.5 698,451.5 

    674.7,422.3 663.9,432.2 663.9,451.5 658.5,451.5 "/>

<path class="st1" d="M495.1,105c-4.8-19.8-13.2-37.8-25-53.3c-11.9-15.7-28-28.4-47.7-37.7c-19.7-9.3-44.5-14-73.9-14H213v333.1

    h34.5l0-20.6V31.8h97.9c7.4,0,15.8,0.5,25.1,1.5c9,1,18.2,3,27.2,6.1c8.9,3,17.7,7.4,26.1,13.1c8.1,5.5,15.5,13.1,21.9,22.7

    c6.5,9.8,11.8,22.1,15.9,36.7c4.1,14.7,6.1,32.6,6.1,53.4c0,26.4-3.6,48.4-10.7,65.6c-7.1,17-16.3,30.7-27.5,40.7

    c-11.2,10-24,17.2-37.8,21.5c-14.1,4.3-38.5,6.5-52.4,6.5h-26.8V157.8l30,79.9h25.7l30-79.9v79.9h32V87.3h-37.3l-37.7,100l-37.5-100

    h-37.3v212.3h0v31.8h57.1c26.3,0,59.6-4.3,78.9-12.8c19.4-8.5,35.7-20.5,48.5-35.4c12.7-14.9,22.3-32.8,28.3-53

    c5.9-19.9,9-41.8,9-64.8C502.2,144.7,499.8,124.4,495.1,105"/>

</svg>

Farben

Farbe Headline: HEX: #333333, RGB: 51,51,51

Die Farbe des Fließtextes ist: HEX: #333333, RGB: 51,51,51
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: #003050
RGB: 0,48,80

HEX: #585857
RGB: 88,88,87

HEX:
RGB: ,,