Google Fonts

Index.htm <!DOCTYPE html> <html> <head> <meta charset=“utf-8″> <title>Endlich Montag!</title> <link rel=“stylesheet“ href=“css/style.css“> </head> <body> <div id=“heading“> Quokkas – Die freundlichsten Tiere wo geben tut! </div> </body> </html> Style.css @import url(https://fonts.googleapis.com/css?family=Amatic+SC); html, body { margin: 0; padding: 0; width: 100%; height: 100%; } body { background-image: url(„../img/bgr.jpg“); background-position: left top; background-repeat: no-repeat; background-size: cover; /* CSS…

Read More Lösungen zur Sitzung „Fullscreen-Designs und Google Fonts“

„Bilder sagen mehr als Worte“ – zeitgemäßes (2015) Webdesign stellt häufig hochaufgelöste Bilder in den Vordergrund, die von gut abgestimmtem Text begleitet werden. Eine feine Inspirationsquelle für eigene Arbeiten bieten (u.a.): http://line25.com/articles/30-websites-that-greet-you-with-a-full-screen-photo http://www.awwwards.com http://www.awwwards.com/websites/fullscreen/ http://www.awwwards.com/50-impressive-fullscreen-websites-for-your-inspiration.html https://www.thebestdesigns.com http://www.musikendres.de. Eine gute Quelle frei verfügbarer und kostenlos nutzbarer Schriftarten bietet „Google Fonts“ unter https://www.google.com/fonts.

Read More Ein paar Links und Materialien zu Fullscreen-Designs und Google Fonts