Sempervivum: Wie kommt man eigentlich auf den Namen Hauswurz?
Beiträge von Lupus_III
-
-
Hallo, vielen Dank für den Beitrag! Gibt es einen Weg das Kontaktformular als Plattform für das Internet Marketing zu nutzen, aber gleichzeitig Kommentare von Bots zu erkennen und auszufiltern? Viele Grüsse
Ich schick Dir mal diesen Link https://www.kontaktformular.com/ vielleicht kannst du damit was anfangen und Dein Problem lösen!
-
Das ist Verhandlungssache.
Wie ist denn da die Preisspanne und wärst du überhaupt bereit so etwas gegen Bezahlung bereitzustellen?
-
Hast Du schon mal gegoogelt? Hier gibt es ein Tutorial dazu =>
Externer Inhalt youtu.beInhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.Ich würde dir davon aber abraten, weil die Gefahr die Webseite zu zerschießen sehr groß ist, wenn man vor Änderung kein Backup macht. Was spricht eigentlich gegen die Vorgehensweise die Dateien auf deinem Rechner mit VS-Code zu bearbeiten, abzuspeichern und dann mit einem FTP-Clent deiner Wahl auf den Webserver zu stellen?
-
Wenn es sich tatsächlich um 2 Platten handelt, wäre es gut gewesen, wenn man das vorher gewusst hätte.
Ich wußte es auch nicht. Sorry!
-
Danke für den Tipp, Sempervivum (Dachwurz
). Die Aktion hat aber nur etwas mehr als 2 GB gebracht. die Festplatte auf der die C-Partition liegt (SSD) ist mit insgesamt 118 GB halt schon etwas klein. -
Danke für die Hilfe. Leider brauche ich eine neue Festplatte.
-
Hallo zusammen,
meine Partition C ist randvoll (siehe Foto 1). Ich habe jede Menge freien Festplattenplatz auf der Partition D. Mein PC läuft mit Win 11. Alles was ich im Internet zu dem Thema Speicherplatzerweiterung gefunden habe funktioniert nicht (siehe Foto 2).
Hat jemand einen Rat?
-
Danke .scatello, das sind viele gute Gründe den phpMailer zu verwenden. Eigentlich hätte ich die Information auch googlen können
, aber Deine Erklärung ist einfach verständlicher! -
Ich komme jetzt nochmal mit diesem Thema.
Eine Lösung habe ich jetzt ohne weitere Hilfe gefunden. Trotzdem danke für die Unterstützung hier. Was bei mir immer noch ein Fragezeichen auslöst ist die Aussage, dass die Mail-Funktion von PHP nur eine Krücke sei.
Warum ist das so und warum ist die Einbindung des PHP-Mailers keine Krücke und somit die beste Lösung?
-
Ich weiß nicht wo der Code rein soll.
Hier ist mein HTML/ PHP Code. Soll das $mail->CharSet = "UTF-8"; in den PHP-Codebereich integriert werden?
PHP
Alles anzeigen<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="./fontawesome-free-6.2.1-web/css/all.min.css"> <link rel="stylesheet" href="css/button_headline.css"> <link rel="stylesheet" href="css/fonts.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/nav_style.css"> <link rel="stylesheet" href="css/backtotop.css"> <link rel="stylesheet" href="css/kontakt.css"> <link rel="stylesheet" href="css/accordion.css"> <title>Kontakt</title> </head> <body> <div class="to-top"></div> <!--ANCHOR Navigation--> <header> <div class="logo"> <img src="img/logo_1.svg" alt="Logo"></div> <nav> <ul> <li><a href="index.html" >Home</a></li> <li class="sub-menu"><a href="#">Gesundheitsvorsorge</a> <ul> <li class="li_weit"><a href="gesundheit_hund.html">Für Hunde</a></li> <li class="li_weit"><a href="gesundheit_katze.html">Für Katzen</a></li> </ul> </li> <li class="sub-menu"><a href="#">Ernährungsberatung</a> <ul> <li class="li_weit"><a href="hunde_1.html">Für Hunde</a></li> <li class="li_weit"><a href="katzen_1.html">Für Katzen</a></li> </ul> </li> <li><a href="hunde_2.html">Therapien</a></li> <li><a href="leistungen.html">Leistungen</a></li> <!--<li class="sub-menu"><a href="#" class="active">Leistungen</a> <ul> <li class="li_weit"><a href="leistungen.html">Leistungsübersicht</a> </li> </ul> </li>--> <li><a href="kontakt.php" class="active">Kontakt </a></li> </ul> </nav> <div class="menu-toggle"> <i class="fa fa-bars" aria-hidden="true"></i> </div> </header> <!--Navigation Ende--> <!-- ANCHOR Content--> <div class="container_2"> <?php if(!empty($_POST["send"])) { $email_subject = "Terminanfrage"; $userName = $_POST["userName"]; $userEmail = $_POST["userEmail"]; $userPhone = $_POST["userPhone"]; //$userTermin = $_POST["userTermin"]; //$userTime = $_POST["userTime"]; $userMessage = $_POST["userMessage"]; $toEmail = "kontakt@tierheilpraxis-koehler.de"; $mailHeaders = "Name: " . $userName . "\r\n Betreff: ". $email_subject . "\r\n E-Mail: ". $userEmail . "\r\n Telefon: ". $userPhone . // "\r\n Termin: ". $userTermin . //"\r\n Uhrzeit: ". $userTime . "\r\n Nachricht: " . $userMessage . "\r\n"; if(mail($toEmail, $userName, $mailHeaders)) { $message = "Ihre Nachricht wurde versandt. <br> Ich werde mich so schnell wie möglich bei Ihnen melden"; } } ?> <div class="kontakt_left"> <p>Ich freue mich auf Deine Kontaktaufnahme. <br> Gerne kannst Du dazu das Kontaktformular nutzen oder mich einfach anrufen. </p> <p><b>Tierheilpraxis Gabriele Köhler</b> <br><br> <i class="fas fa-map-marker-alt"></i> Kresswiesen 76 <br> 74523 Schwäbisch Hall-Sulzdorf <br><br> Telefon <br><i class="fas fa-phone"></i> <a href="tel:+491706650504"> +49 170 6650504 <br> <br></a> <i class="fas fa-envelope"></i> <a href="mailto:kontakt@tierheilpraxis-koehler.de">kontakt@tierheilpraxis-koehler.de</a><br><br> Öffnungszeiten: <br> Termine nach Vereinbarung </p> <p class="pklein"> Hinweis: Ich beantworte Deine E-Mail in der Regel innerhalb von 24 Stunden. Solltest Du keine Antwort in Deinem Posteingang finden, prüfe bitte Deinen SPAM-/Junk-Ordner.</p> </div> <div class="form-container kontakt_right"> <h2>KONTAKT</h2> <form name="contactFormEmail" method="post"> <div class="input-row"> <label>Name <em>*</em></label> <input type="text" name="userName" required id="userName"> </div> <div class="input-row"> <label>E-Mail <em>*</em></label> <input type="email" name="userEmail" required id="userEmail"> </div> <div class="input-row"> <label>Telefon <em>*</em></label> <input type="text" name="userPhone" required id="userPhone"> </div> <div class="input-row"> <label>Nachricht <em>*</em></label> <textarea name="userMessage" required id="userMessage"></textarea> </div> <p class="kontakttext">* = Pflichtfeld</p> <p class="kontakttext">Ich habe die Datenschutzerklärung gelesen und stimme zu.</p> <div class="input-row"> <input type="submit" name="send" value="Senden"> <?php if (! empty($message)) {?> <div class='success'> <strong><?php echo $message; ?> </strong> </div> <?php } ?> </div> </form> </div> </div> <!-- ANCHOR Footer--> <footer> <div class="left center"> <p>Tierheilpraxis <br> Gabriele Köhler <br><br> <i class="fas fa-map-marker-alt"></i> Kresswiesen 76 <br> 74523 Schwäbisch Hall-Sulzdorf <br><br> Besuche mich auch auf ... <br> <a href="https://www.facebook.com/profile.php?id=61556095381517" target="_blank"> <i class="fab fa-facebook"></i></a> <br> </p> </div> <div class="right center"> <img src="img/barf-zertifikat.png" width="200" alt="Barf Zertifikat" > </div> <div class="right center"> <p> <a href="tel:+491706650504"> <i class="fas fa-phone"></i> Fon: +49 170 6650504 <br></a> <i class="fas fa-envelope"></i> <a href="mailto:kontakt@tierheilpraxis-koehler.de">kontakt@tierheilpraxis-koehler.de</a> <br><br> <i class="fas fa-clock"></i> Öffnungszeiten: <br> Nach Vereinbarung <br><br> <a href="dokumente/impressum.pdf" target="_blank">Impressum</a> <br> <a href="dokumente/datenschutz.pdf" target="_blank">Datenschutzerklärung</a> <br> <a href="http://lupus-media.de"> © <span id="currentYear"></span> made by LUPUS-Media </a> <br> </p> </div> </footer> <!--ANCHOR Scripts--> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <!--Slidessteuerung--> <script> var simpleSlides = function () { var i; var slides = document.querySelectorAll(".slides"); for (i = 0; i < slides.length; i++) { slides[i].setAttribute("style","display:none"); } count++; if (count > slides.length) { count = 1; } slides[count-1].setAttribute("style","display:block"); setTimeout(simpleSlides, 3600); } var count = 0; simpleSlides(); </script> <!--Ende Slidessteuerung--> <!--Navigation Start--> <script> $(document).ready( function() { $('.menu-toggle').click(function() { $('nav').toggleClass('active') }) $('ul li').click(function() { $(this).siblings().removeClass('active'); $(this).toggleClass('active'); }) } ) </script> <!--Navigation Ende--> <!-- Button up --> <script src="js/backtotop.js"></script> <!-- Button up --> <script src="js/app.js"></script> <script src="js/slideshow.js"></script> <!-- Script Copyright--> <script src="js/time.js"></script> <!-- Script Ende--> </body> </html> -
Ich verstehe das nicht. Ich verwende den PHP-Mailer 5.5. Darin ist eine const UTF-8 enthalten. Siehe Screenshot.
-
Ich habe in der Kontaktseite diesen Eintrag.
<meta charset="UTF-8">
Das ist bei mir Standard. Es muss einen anderen Grund geben oder muss UTF-8 auch in die PHP-Anweisung und wenn ja , wie?
-
Ich habe ein Kontaktformular (PHP), das E-Mails mit der Methode POST an eine Mailadresse verschickt. Dabei werden die Umlaute wie ä,ö,ü usw in kryptischen Zeichen angezeigt.
Beispiel
CodeGlückwunschGibt es eine Möglichkeit dies auszuschließen?
-
Code
Alles anzeigenCSS .simpleSlides{ width: 100%; } .slides { display: none; width: 100%; } /***************************************************/ /* Fotos werden von links eingeschoben */ .animate-left { position: relative; animation: animateleft 0.8s; } @keyframes animateleft { from { left :-1500px; opacity:0 } to { left:0; opacity:1 }; } /******************************************************/Code
Alles anzeigenHTML/JS <!-- Galerie --> <div class="simpleSlides"> <img class="slides animate-left" src="img/galerie/IMG_1.jpg"> <img class="slides animate-left" src="img/galerie/IMG_2.jpg"> <img class="slides animate-left" src="img/galerie/IMG_3.jpg"> <img class="slides animate-left" src="img/galerie/IMG_4.jpg"> <img class="slides animate-left" src="img/galerie/IMG_5.jpg"> </div> <script> var simpleSlides = function () { var i; var slides = document.querySelectorAll(".slides"); for (i = 0; i < slides.length; i++) { slides[i].setAttribute("style","display:none"); } count++; if (count > slides.length) { count = 1; } slides[count-1].setAttribute("style","display:block"); setTimeout(simpleSlides, 3600); } var count = 0; simpleSlides(); </script>Versuche es mal damit. Die Pfade der Images musst Du halt anpassen.
-
Hallo zusammen,
ich verwende für eine Webseite den PHP-Mailer 6.1.8. Von meinem Webprovider werde ich aufgefordert eine höhere Version zu nutzen, weil seit Dezember 2023 PHP 8.0 veraltet ist. Eine weitere Nutzung ist mit zusätzlichen Kosten verbunden.
Frage: kann ich problemlos auf den PHP-Mailer 6.1.8 wechseln, ohne dass die Funktionalität eines Formulars, das ich mit dem PHP-Mailer verschicke, beeinträchtigt wird?
-
Ich bin alles andere als ein JavaScript-Spezialist, aber nach 3 eingebauten alert's habe ich den Fehler finden können, warum du nicht?
Weil ich
1. wahrscheinlich zu doof bin und
2. anscheinend nicht so viel Ahnung von Javascript habe wie du und deshalb
3. darauf hoffe, dass mir jemand bei dem Problem hilft und nicht wie Du einfach die Fehler anzeigst.
Ist das zuviel verlangt? -
Ich möchte Einträge in p-tags in sections durch durchstreichen kennzeichen, wenn das Datum kleiner als das aktuelle ist.
Vielleicht kann sich jemand anschauen, was ich gebastelt habe, aber nicht funktioniert. Danke für Eure Hilfe!
HTML
Alles anzeigen<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="advent.css"> <title>Adventskalender</title> </head> <script> document.addEventListener("DOMContentLoaded", function () { var currentDate = new Date(); var currentYear = currentDate.getFullYear(); var sections = document.querySelectorAll(".tag"); sections.forEach(function (section) { var dateString = section.textContent.split("|")[0].trim(); // Extrahiert das Datum aus dem Abschnittstext var sectionDate = new Date(currentYear + " " + dateString); // Vergleicht die Daten und durchstreicht den Text, wenn das Datum vergangen ist if (sectionDate < currentDate) { var paragraph = section.querySelector("p"); paragraph.style.textDecoration = "line-through"; } }); }); </script> <body> <div class="advent"> <!--<div class="banner"> <img src="img/banner.png" alt=""> </div>--> <div class="advent-header"> <div class="rechts"> <img src="img/1a.png" alt=""> <img src="img/2.png" alt=""> </div> <div class="mitte"> <h1> Adventskalender 2023 </h1> <h2>TOLLE ANGEBOTE FÜR EUCH UND EURE FREUNDE! <br> AUCH FÜR NICHTMITGLIEDER! </h2></div> <div class="links"> <img src="img/3a.png" alt=""> <img src="img/2a.png" alt=""> </div> </div> <div class="kalender"> <section class="tag"><p>01. Dezember | FR.| AKTION: 5ER KARTE „FASZIENMASSAGE (25MIN)“ KAUFEN UND WIR SCHENKEN DIR 2 WEITERE MASSAGEN DAZU! PREIS: 149</p></section> <section class="tag"><p>02. Dezember | SA.| WISSEN: WIE VIELE KURSE GIBT BRITTA IN EINER WOCHE? ANTWORTE KORREKT UND ERHALTE EINEN 5€ GUTSCHEIN!</p></section> <section class="tag"><p>04. Dezember | MO.| FUN: KOMME MIT EINEM PARTNER IM PARTNERLOOK ZUM TRAINIEREN UND SICHERE DIR EINEN TANKGUTSCHEIN (10€)</p></section> <section class="tag"><p>05. Dezember | DI.| CASH & GO-AKTION: KAUFE DIR SO VIELE MONATE, WIE DU MÖCHTEST - NUR 60€/MONAT (OHNE VETRAGSBINDUNG, AM STÜCK EINZULÖSEN)</p></section> <section class="tag"><p>06. Dezember | MI.| FUN: VERRATE UNS WO SICH DIE 10 NIKOLÄUSE VERSTECKEN! ANTWORTE KORREKT & ERHALTE EINEN MONAT GRATIS FÜR DEINE/N LIEBSTE/N! </p></section> <section class="tag"><p>07. Dezember | DO.| CHALLENGE: 3 KLIMMZÜGE FRAUEN,10 KLIMMZÜGE MÄNNER - DANN ERHÄLTST DU EINEN GUTSCHEIN FÜR EINE MASSAGE!</p></section> <section class="tag"><p>08. Dezember | FR.| AKTION: SCHLIESSE EINEN EINJAHRES VERTRAG AB UND WIR SCHENKEN DIR 3 MONATE DAZU!</p></section> <section class="tag"><p>09. Dezember | SA.| WEIHNACHTSFEIER: GEMÜTLICHES BEISAMMENSEIN</p></section> <section class="tag"><p>11. Dezember | MO.| CHALLENGE: 35 SEKUNDEN FRAUEN/ 75 SEKUNDEN MÄNNER AN DER KLIMMZUGSTANGE HÄNGEN - DANN ERHÄLTST DU EINEN MERCHANDISE-ARTIKEL!</p></section> <section class="tag"><p>12. Dezember | DI.| WISSEN: WER ARBEITET IM STUDIO ALS VOLLZEITKRAFT? ANTWORTE KORREKT UND ERHALTE EINEN SHAKE-GUTSCHEIN!</p></section> <section class="tag"><p>13. Dezember | MI.| AKTION: 10ER KARTE „MTT“ KAUFEN UND WIR SCHENKEN DIR 2 BESUCHE DAZU! PREIS: 320€ </p></section> <section class="tag"><p>14. Dezember | DO.| FUN: TRAINIERE HEUTE IN DEINEM LIEBLINGSKOSTÜM UND ERHALTE EINEN MASSAGE-GUTSCHEIN! </p></section> <section class="tag"><p>15. Dezember | FR.| CHALLENGE: BRING SALLY UP (LIED) MIT WANDSITZ - DANN ERHÄLTST DU EINEN MERCHANDISE-ARTIKEL!</p></section> <section class="tag"><p>16. Dezember | SA.| WISSEN: WIE VIELE FRAUEN UND MÄNNER SIND IM STUDIO ANGESTELLT? ANTWORTE KORREKT UND ERHALTE EINEN MERCHANDISE-ARTIKEL!</p></section> <section class="tag"><p>18. Dezember | MO.| FUN: SINGE DEINEM TRAINER/IN EIN STÄNDCHEN UND ERHALTE EIN „PERSONAL-TRAINING“!</p></section> <section class="tag"><p>19. Dezember | DI.| CHALLENGE: GEWINNE ZIELSCHIESSEN GEGEN EINEN THERAPEUTEN NACH DEINER WAHL - DANN ERHÄLTST DU EINEN GETRÄNKE-GUTSCHEIN!</p></section> <section class="tag"><p>20. Dezember | MI.| WISSEN: WAS SCHÄTZT IHR, WIE GROSS „MARA“ IST? - ANTWORTE KORREKT UND ERHALTE EINEN KAFFEE-GUTSCHEIN!</p></section> <section class="tag"><p>21. Dezember | DO.| GEWINNSPIEL: IN WELCHEM JAHR WURDE DAS REHA-SPORTSTUDIO GEGRÜNDET? - DANN ERHALTE EIN REHASPORT-TRAININGSSHIRT! </p></section> <section class="tag"><p>22. Dezember | FR.| CHALLENGE: FRAUEN 15 LIEGESTÜTZE, MÄNNER 40 LIEGESTÜTZE - DANN ERHÄLTST DU EINEN GETRÄNKE-GUTSCHEIN NACH WAHL!</p></section> <section class="tag"><p>23. Dezember | SA.| CASH & GO-AKTION: KAUFE DIR SO VIELE MONATE, WIE DU MÖCHTEST - NUR 60€/MONAT (OHNE VERTRAGSBINDUNG, AM STÜCK EINZULÖSEN) </p></section> <section class="tag"><p>24. Dezember | SO.| WEIHNACHTEN: WIR WÜNSCHEN EUCH EIN SCHÖNES UND BESINNLICHES FEST MIT EUREN LIEBSTEN!</p></section> </div> <footer> <img src="img/footer1.png" alt=""> </footer> </div> </body> </html> -
Ich habe weitergetestet. Jetzt hat es geklappt! Danke MrMurphy. Hier kommt der Code =>
HTML
Alles anzeigenHTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="stylesheet" href="fonts.css"> <link rel="stylesheet" href="style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fonts lokal einbinden</title> </head> <body> <h1>Titel 1</h1> <h2>Titel 2</h2> <h3>Titel 3</h3> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt ab, non dicta, repudiandae aliquam asperiores dolor mollitia fugiat, accusamus quis nam aperiam quaerat illo ea repellendus facilis eaque eveniet. Tempore. Quisquam eveniet ab ut eos hic corrupti voluptates sint iste asperiores, vitae eius nobis ducimus voluptate molestias maiores ipsa placeat earum. Voluptate esse temporibus quos placeat tenetur a, voluptatibus distinctio? Voluptatum nemo saepe, officiis accusamus porro a ab, eos laudantium ducimus doloribus doloremque laborum voluptate iure architecto sunt molestias cum sed sequi eius rerum suscipit. Perspiciatis sint eaque quia necessitatibus? Culpa debitis iure iste. Perferendis quas culpa quasi repudiandae cupiditate a cum maxime sed debitis obcaecati corporis in voluptatum incidunt aliquid doloribus sit necessitatibus beatae eum, aliquam tempora dolorem sequi? Aut expedita reprehenderit aperiam fugit exercitationem sunt magnam assumenda nesciunt eveniet atque, placeat similique mollitia, accusamus, obcaecati error natus architecto labore asperiores vero porro voluptatibus culpa eligendi qui repellat? Voluptatem. Dolore ea aliquid cupiditate doloremque corrupti sequi quo maiores illum autem earum! Quae obcaecati voluptates dolorum minus sint. Nam debitis impedit repellendus a harum et corporis iusto officia illum aliquam? Impedit sequi accusantium maiores, facilis inventore sunt fugit, aspernatur laudantium dolor et amet excepturi, quae ad eaque laborum! Consectetur modi a eligendi reiciendis asperiores dolores fugiat itaque eveniet, ea deleniti? Dignissimos nobis saepe consequatur eveniet doloribus et quos aliquid ut dolorum nihil voluptatibus beatae eligendi vel quo nemo similique culpa, explicabo labore perspiciatis nam? Labore ea amet corrupti eveniet qui. Aperiam voluptatem ut est iste corporis necessitatibus, voluptatum similique? Odit, officia. Voluptatibus aliquam harum veritatis aliquid, reiciendis asperiores est omnis, hic corporis iure quidem. Corrupti laboriosam possimus ea dignissimos nesciunt! Voluptas similique, maiores earum veritatis numquam accusantium tempore, nobis repellendus ducimus corrupti sapiente. Recusandae tempore reiciendis dolore explicabo cumque amet in, aperiam itaque at sequi, saepe sint perspiciatis, atque ab. Iste, itaque! Dolorum quis impedit, vitae harum laborum modi quam ab perferendis suscipit dicta maxime quia alias minima voluptate quae cupiditate consequuntur dignissimos necessitatibus repellendus nisi id accusantium soluta blanditiis? Repellat, illo quaerat cum eos minus blanditiis deleniti porro iusto quos tempore, ad inventore molestias recusandae, molestiae hic? Omnis, impedit! Sapiente aliquid maiores possimus reprehenderit? Placeat laboriosam suscipit ullam quia. Fuga vel laboriosam blanditiis perspiciatis necessitatibus optio odit, nihil doloribus at. Non, molestias inventore iure possimus autem architecto ducimus exercitationem animi commodi nisi mollitia maiores quae placeat voluptatem officia rem. Cum odio cupiditate deleniti reiciendis asperiores voluptate. Odio, quam nam? Officiis, laborum atque, ratione impedit cupiditate repudiandae numquam temporibus repellendus quam quidem minima laboriosam aliquid dignissimos optio hic, ut iusto. Earum ab hic, est nemo nostrum consectetur incidunt pariatur natus. Explicabo placeat officiis illum excepturi consequuntur dicta in dolorum, quod officia aperiam similique molestiae laboriosam a odit optio. Tempore, ut! Sequi, rem quas aut possimus culpa sunt, nam accusamus porro dolor animi odio, ut quis commodi iusto deleniti provident. Officia ducimus atque asperiores harum aspernatur blanditiis voluptates, voluptatem veritatis tempore! Provident libero labore, itaque quisquam dolor, alias eaque quasi harum aperiam quos vero praesentium velit totam iste, impedit sit rem qui tempore magni. Fugiat, eaque necessitatibus consequuntur iste delectus quos. Numquam eius maxime, repudiandae totam harum sed, libero non explicabo ex consequatur esse magnam, enim praesentium veniam ad atque minima! Recusandae unde adipisci enim iste minus inventore accusamus, quasi perferendis! Quia enim voluptate minima recusandae impedit saepe est quos. Vero, impedit sapiente ipsa animi aspernatur ut voluptates, blanditiis dignissimos aliquam, dolorum exercitationem omnis laudantium! Quo perspiciatis non aperiam harum sint. Adipisci provident blanditiis facere distinctio corrupti? Dolorum, maxime? Quod, eveniet nisi illum placeat nam harum sapiente aperiam voluptas id dolore quae cumque magni rerum saepe magnam incidunt fugit esse eius? Itaque amet quis debitis error facere sequi voluptates reprehenderit, non maiores sunt modi veniam tempore suscipit, maxime impedit eos corporis voluptatibus aut placeat. Officia in cum facilis possimus, dolores voluptates? Exercitationem natus rem ab placeat tenetur ad veritatis. Aperiam pariatur praesentium impedit voluptatem voluptate nulla ullam possimus placeat atque esse vitae, quidem rem modi, unde neque autem quas sunt. Molestias. Officia nostrum expedita commodi tempore fuga rem voluptates cumque voluptate vero, molestiae sunt perferendis ratione, ullam magnam officiis quia! Excepturi, sunt nisi! Velit totam numquam optio sapiente sit ipsa asperiores! Molestiae ad rerum pariatur aliquid illo molestias ipsa consectetur, ipsum error accusamus aut nulla minus laudantium alias illum, aperiam doloremque quos quis commodi magni dolorum maiores? Facere fugit eos esse! </p> </body> </html>CSS-Fonts
Code
Alles anzeigen/* poppins-500 - latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local(''), url('poppins-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('poppins-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local(''), url('roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v30-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* klavika */ @font-face { font-family: 'Klavika'; font-style: normal; font-weight: 500; src: local(''), url('fonts/klavika/klavika-bold-italic.otf') format('otf'), /* Chrome 26+, Opera 23+, Firefox 39+ */ } /* Poetsen */ @font-face { font-family: 'Poetsen'; font-style: normal; font-weight: 500; src: local(''), url('PoetsenOne-Regular.ttf') format('TrueType'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('PoetsenOne-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ }CSS-Style
Code
Alles anzeigenhtml, body{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poetsen'; } h1,h2,h3{ font-family: 'Poetsen'; padding: 5px 15px 5px 15px; } p{ font-family: 'Klavika'; } -
Hallo zusammen,
ich teste gerade wie ich einen Webfont, den ich downgeloadet habe in eine CSS-Datei einbinden kann. Ich habe die folgende Regel aufgestellt. Leider zegt mit die h2 Überschrift nicht das gewünschte Ergebnis. Hat jemand eine Idee. Kann man ttf-Dateien dafür überhaupt anwenden?
Code
Alles anzeigen/* PoetsenOne-Regulars */ @font-face { font-family: 'PoetsenOne-Regulars'; font-style: normal; font-weight: 500; src: url('fonts/PoetsenOne-Regulars.ttf') format('truetype'); } body { margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; background: #262626; font-family: 'PoetsenOne-Regulars', sans-serif; } h2{ font-family: 'PoetsenOne-Regulars', sans-serif; font-size: 60px; color: #ffde53 ; }
