CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Type samples index</title> <meta name="description" content="A place to find and contribute examples of typographic features in text, especially from non-Latin scripts."> <script> var f = { } // AUTHORS should fill in these assignments: f.directory = 'i18n-wg/repostatus/'+'/'; // the path to this file, not including /International or the file name f.filename = 'index'; // the file name WITHOUT extensions f.authors = 'Richard Ishida, W3C'; // author(s) and affiliations f.previousauthors = ''; // as above f.modifiers = ''; // people making substantive changes, and their affiliation f.searchString = 'type-samples'; // blog search string - usually the filename without extensions f.firstPubDate = '2016-03-16'; // date of the first publication of the document (after review) f.lastSubstUpdate = { date:'2016-07-15', time:'07:18'} // date and time of latest substantive changes to this document f.status = 'notreviewed'; // should be one of draft, review, published, notreviewed or obsolete f.path = 'https://w3c.github.io/type-samples/' // what you need to prepend to a URL to get to the /International directory // AUTHORS AND TRANSLATORS should fill in these assignments: f.thisVersion = { date:'2024-08-02', time:'07:18'} // date and time of latest edits to this document/translation f.contributors = ''; // people providing useful contributions or feedback during review or at other times // also make sure that the lang attribute on the html tag is correct! // TRANSLATORS should fill in these assignments: f.translators = 'xxxNAME, ORG'; // translator(s) and their affiliation - a elements allowed, but use double quotes for attributes f.breadcrumb = 'characters'; f.additionalLinks = '' </script> <script src="index-data/translations.js"> </script> <script src="https://w3c.github.io/i18n-drafts/javascript/doc-structure/article-dt.js"> </script> <script src="https://w3c.github.io/i18n-drafts/javascript/boilerplate-text/boilerplate-en.js"></script> <script src="https://w3c.github.io/i18n-drafts/javascript/doc-structure/sitepage-2022.js"> </script> <script src="https://w3c.github.io/i18n-drafts/javascript/articletoc-2022.js"></script> <link rel="stylesheet" href="https://w3c.github.io/i18n-drafts/style/sitepage-2022.css" /> <link rel="stylesheet" href="index-data/local.css"> <link rel="copyright" href="#copyright"> <style> select { font-size: 1em; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; border: 0; width: 100%; } #toclocation { display: none; } .sampleContainer { margin-inline-start: 7.5%; margin-inline-end: 30%; } #go button { font-size: 2em; } #selectors select { font-size:200%; border-radius: .3em; margin-block-end: 1em; } </style> </head> <body> <header> <nav id="mainNavigation"></nav> <script>document.getElementById('mainNavigation').innerHTML = mainNavigation</script> </header> <div class="content"> <h1>Type samples</h1> <p>This page allows you to find items in the <a href="https://github.com/w3c/type-samples/issues">type-samples github repository</a> by applying filters.</p> <div id="content"> <div id="selectors"> <p>Select the relevant labels then select <samp>GO</samp>.</p> <p><strong>Filter by topic</strong> <select id="topics"> <option value="">All topics</option> <optgroup label="Text direction"> <option value="writing_mode">Writing mode</option> <option value="bidi_text">Bidirectional text</option> </optgroup> <optgroup label="Glyph shaping & positioning"> <option value="fonts">Fonts & font styles</option> <option value="glyphs">Context-based shaping & positioning</option> <option value="cursive">Cursive text</option> <option value="letterforms">Letterform slopes, weights, & italics</option> <option value="transforms">Case & other transforms</option> </optgroup> <optgroup label="Typographic units"> <option value="encoding">Characters & encoding</option> <option value="segmentation">Grapheme/word segmentation & selection</option> </optgroup> <optgroup label="Punctuation & other inline features"> <option value="punctuation_etc">Phrase & section boundaries</option> <option value="quotations">Quotations & citations</option> <option value="emphasis">Emphasis & highlighting</option> <option value="abbrev">Abbreviation, ellipsis, & repetition</option> <option value="inline_notes">Inline notes & annotations</option> <option value="text_decoration">Text decoration & other inline features</option> <option value="data_formats">Data formats & numbers</option> </optgroup> <optgroup label="Line & paragraph layout"> <option value="line_breaking">Line breaking & hyphenation</option> <option value="justification">Text alignment & justification</option> <option value="spacing">Text spacing</option> <option value="baselines">Baselines, line height, etc.</option> <option value="lists">Lists, counters, etc.</option> <option value="initials">Styling initials</option> </optgroup> <optgroup label="Page & book layout"> <option value="page_layout">General page layout & progression</option> <option value="grids_tables">Grids & tables</option> <option value="footnotes_etc">Footnotes, endnotes, etc.</option> <option value="headers_footers">Page headers, footers, etc.</option> <option value="interaction">Forms & user interaction</option> </optgroup> </select> </p> <p><strong>Filter by script</strong> <select id="script"> <option value="">All scripts</option> <option value="adlm">Adlam</option> <option value="arab">Arabic</option> <option value="bopo">Bopomofo</option> <option value="cans">Canadian Aboriginal Syllabics</option> <option value="cyrl">Cyrillic</option> <option value="deva">Devanagari</option> <option value="ethi">Ethiopic</option> <option value="grek">Greek</option> <option value="hani">Chinese</option> <option value="hebr">Hebrew</option> <option value="jpan">Japanese</option> <option value="java">Javanese</option> <option value="khmr">Khmer</option> <option value="kore">Korean</option> <option value="laoo">Lao</option> <option value="latn">Latin</option> <option value="mlym">Malayalam</option> <option value="mong">Mongolian</option> <option value="nkoo">N'Ko</option> <option value="taml">Tamil</option> <option value="thai">Thai</option> <option value="tibt">Tibetan</option>  </select> </p> <p id="go"><button onClick=" script = ''; topic = ''; if (document.getElementById('script').value !== '') script='+label%3As%3A'+document.getElementById('script').value; if (document.getElementById('topics').value !== '') topic='+label%3Ai%3A'+document.getElementById('topics').value; url = `https://github.com/w3c/type-samples/issues?q=is%3Aissue+is%3Aopen${ topic }${ script }`; resultwindow = window.open(url, 'resultwindow'); resultwindow.focus()">GO</button></p> </div> <footer id="thefooter"></footer> <script>document.getElementById('thefooter').innerHTML = g.bottomOfPage</script> <script>completePage()</script> </div> </div> </body> </html>