-
Notifications
You must be signed in to change notification settings - Fork 0
/
punctuation.html
46 lines (46 loc) · 4.99 KB
/
punctuation.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"/><link rel="manifest" href="manifest.json" />
<title>Azure Alphant | Punctuation</title><meta name="viewport" content="width=device-width" initial-scale="1" /><link rel="SHORTCUT ICON" href="favicon.ico" />
<meta name="description" content="Azure Alphant is a character entity reference chart and font support verification tool." /><meta name="keywords" content="Azure Alphant, unicode, font support, character entity, reference chart, punctuation" /><meta name="theme-color" content="#CCC"><meta name="publisher" content="Sheila Tanner" /><meta name="author" content="Sheila Tanner" />
<link rel="stylesheet" type="text/css" media="all" href="common.min.css" /><link rel="stylesheet" type="text/css" media="all" href="page.css" />
<meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="#CCC"><meta name="apple-mobile-web-app-title" content="Azure Alphant"><link rel="apple-touch-icon" sizes="256x256" href="256x256.png" type="image/png"><link rel="canonical" href="" />
<style>
p.load{margin:auto;border-radius:100%;height:100px;width:100px;}
@keyframes patience{0%{border:3px double currentColor;border-top:3px double transparent;transform:rotate(0deg);}100%{border:3px double transparent;border-top:3px double transparent;transform:rotate(359deg);}}p.load{animation-name:patience;animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:4;animation-fill-mode:forwards;}
</style>
<link rel="stylesheet" type="text/css" media="all" href="custom.css" />
<!--[if IE]><style>#removeborder{outline:0;}</style><![endif]--></head><body id="removeborder">
<header alt="Azure Alphant" id="logo"><img src="logo.svg" class="head" alt="Azure Alphant logo" /><a href="menu.html">Return to Menu</a></header>
<div class="theme">Themes:
<button value="alphant" id="alphant" alt="Gray background with dark text" role="button" aria-label="Switch theme to gray background with dark text"></button>
<button value="white" id="white" alt="White background with black text" role="button" aria-label="Switch theme to white background with black text"></button>
<button value="black" id="black" alt="Black background with white text" role="button" aria-label="Switch theme to black background with white text"></button>
<button value="custom1" id="custom1" alt="Custom theme 1" role="button" aria-label="Switch theme to user custom theme 1"></button>
<button value="custom2" id="custom2" alt="Custom theme 2" role="button" aria-label="Switch theme to user custom theme 2" ></button>
<button value="custom3" id="custom3" alt="Custom theme 3" role="button" aria-label="Switch theme to user custom theme 3" ></button>
</div>
<nav><form><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" preserveAspectRatio="xMidYMid meet" aria-hidden="true" title="Choose a font to test"><title>Choose a font to test</title><text x="0" y="14" class="default">A</text><text x="4" y="14" class="custom">A</text></svg><input type="text" id="userInput" aria-label="Enter a font to test for character support." /><button type="submit" id="font" value="font" alt="Test" title="Test your chosen font">Test</button>
<a href="#top" class="top loc" alt="Top" title="Return to the top">▲</a> <a href="#bottom" class="bottom loc" alt="Bottom" title="Go to the bottom">▼</a></form></nav><a name="top" class="hidden"> </a>
<div><noscript>This app requires Javascript in order to function. If Azure Alphant were to convert the scripted database into a giant, plain old HTML-wrapped plain-text table, your device would either hardcore freeze or go into a Chernobyl-level meltdown. The number of objects in this dataset is massive; enable Javascript or don't use this app. The choice is yours.</noscript><p class="load"></p></div>
<details>
<summary>ⓘ</summary><br /><br />
<u>Punctuation blocks</u>
<ul><li>ASCII Punctuation (U+0021-002A, 002C-007F)</li>
<li>Latin-1 Punctuation (U+00A1-00AC, 00AE-00BB, 00BF)</li>
<li>General Punctuation (U+2010, 2012-2027, 2030-205E)</li>
<li>Currency Symbols (U+20A0-20CF)</li>
<li>Dingbats (U+2753-2763, 2765-2775)</li>
<li>Supplemental Punctuation (U+2E00-2E7F)</li>
<li>CJK Symbols and Punctuation (U+3000-3003, 3005-301F, 3030-3035, 303B-303D)</li>
<li>Cyrillic Extended-B (U+A673, A67E)</li>
<li>Vertical Forms (U+FE10-FE1F)</li>
<li>CJK Compatibility Forms (U+FE30-FE4F)</li>
<li>Small Form Variants (U+FE50-FE6F)</li>
<li>Halfwidth and Fullwidth Forms (U+FF00-FF0F, FF1A-FF20, FF3B-FF40, FF5B-FF64, FFE0-FFE6, FFE8, FFED-FFEE)</li>
<li>Avestan (U+10B3A-10B3F)</li>
<li>Yezidi (U+10EAD)</li>
<li>Dives Akuru (U+11944-11946)</li>
<li>Ideographic Symbols and Punctuation (U+16FE0-16FE3, 16FF0-16FF1)</li>
<li>Ornamental Dingbats (U+1F670-1F67D)</li></ul>
</details>
<div class="section"><section><script src="punctuation.js"></script></section></div>
<a name="bottom" class="hidden"> </a><script src="fontSwitch.min.js"></script><script src="skin.js"></script></body></html>