Vorlage

von **Estelle Kingsley** Fr Jan 06, 2017 10:01 pm

Name Nachname
ALTER| WESEN | GILDE| ANIME/MANGE| CHARAKTER

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. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden.

thx.

Code:: </font><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Yellowtail" rel="stylesheet"> <div id="ag-frame"> <center><img src="Bild" width="400" height="200" style="border: 5px solid #5a6650;"></center> <div id="ag-head"><div id="ag-headT">Name Nachname<br><span>ALTER| WESEN | GILDE| ANIME/MANGE| CHARAKTER</span></div></div> <div class="ag-mbox">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. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. </div> </div><div id="ag-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=125" target="blank" title="coded by serendipity @ SG">thx.</a></div> <style type="text/css"> /* ### "circling the sun" ### ### coded by serendipity @ storming gates ### äußerer Rahmen */ #ag-frame { margin: 0 auto; box-sizing: border-box; width: 480px; border: 5px solid #5a6650; background: url('http://sallyjanuary.bplaced.net/bgg.png') #222222; font-family: 'Roboto Condensed', sans-serif; font-size: 11px; line-height: 1.1; text-align: justify; color: #808080; } /* Header */ #ag-frame #ag-head { box-sizing: border-box; width: 470px; height: 110px; margin-top: 15px; background-color: #5a6650; font-family: 'Yellowtail', cursive; font-size: 36px; line-height: 0.9; color: #f5f5f5; border-left: 80px solid #5a6650; border-right: 10px solid #5a6650; } /* Titel im Header */ #ag-frame #ag-headT { box-sizing: border-box; width:330px; height: 110px; text-align: right; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; align-content: flex-start; overflow: hidden; } /* Untertitelformatierung (alle) */ #ag-frame #ag-head span, #ag-frame .ag-titleR span, .ag-titleL span { font-family: 'Roboto Condensed', sans-serif; font-size: 10px; line-height: 1.0; text-transform: uppercase; letter-spacing: 1px; } /* Titelbalken */ #ag-frame .ag-tbox { box-sizing: border-box; width: 440px; height: 50px; margin: 40px 15px 0px 15px; background: #5a6650; border-left: 10px solid #cecece; border-right: 10px solid #cecece; } /* Formatierung b, u, i */ #ag-frame b, #ag-frame u, #ag-frame i { color: #5a6650; } /* Textbox */ #ag-frame .ag-mbox { box-sizing: border-box; width: 440px; margin: 0px 15px 5px 15px; padding: 15px; background: #212121; border-bottom: 5px solid #5a6650; } /* Linkformatierung */ #ag-frame a { text-decoration: none; font-weight: normal; color: #5a6650!important; border: none; text-transform: uppercase; letter-spacing: 0px; background: transparent; padding: 0px 1px; } /* */ #ag-frame a:hover { text-decoration: none; font-weight: normal; color: #f5f5f5 !important; border: none; text-transform: lowercase; letter-spacing: 1px; background: #5a6650; padding: 0px 1px; } /* Credits */ #ag-credit { margin: auto; box-sizing: border-box; width: 480px; padding: 2px 10px; font-family: 'Roboto Condensed', sans-serif; font-size: 10px; text-align: right; } /* */ </style>