| <!DOCTYPE html> | |
| <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>Minimal XHTML5 document</title> | |
| <link rel="stylesheet" href="mystyle.css" /> | |
| <script src="myscript.js"></script> | |
| </head> | |
| <body> |
This is a text consisting of a list of pangrams, sourced from the Wikipedia article, including characters from many common languages featuring true alphabets (mostly Latin-extended, Cyrillic and Greek). This is useful as an informal Unicode coverage tests for fonts, as well as a general generic prose test for fonts.
The quick brown fox jumps over the lazy dog.
| <!-- Demo here: http://jsfiddle.net/5qqgW/ | |
| -- Image version here: http://www.iconfinder.com/icondetails/87936/128/youtube_icon | |
| --> | |
| <style> | |
| .play { | |
| background-color: rgba(0,0,0,0.75); | |
| color: white; | |
| font-size: 40px; | |
| border-radius: 15px/40px; | |
| height: 50px; |
| html, body { height: 100% /* html also needs height:100% */ } | |
| body { | |
| display: -moz-box; | |
| -moz-box-pack: center; | |
| -moz-box-align: center; | |
| -moz-box-orient: vertical; | |
| display: -webkit-box; | |
| -webkit-box-pack: center; |