This document provides the character template used in Internationalization specifications.
See the proposals below.
<span class="codepoint" translate="no"> <bdi lang="fr">é</bdi><span class="uname">U+00E9 LATIN SMALL LETTER E WITH ACUTE</span> </span>
.codepoint bdi { line-height: 1em; font-size: 130%; margin-inline: 0.25em; } .uname { font-family: Arial, monospace; font-size: 85%; letter-spacing: 0.03em; color: brown; }
Produces output in the page like this: éU+00E9 LATIN SMALL LETTER E WITH ACUTE.
<span class="codepoint" translate="no"> <bdi lang="fr">é</bdi> <span class="uname">U+00E9 LATIN SMALL LETTER E WITH ACUTE</span> </span>
.codepoint>bdi { display: inline-block; font-weight: bold; } .codepoint>bdi:hover { transform-origin: center; scale: 130%; } .uname { font-family: Arial, monospace; font-size: 85%; letter-spacing: 0.03em; color: brown; }
Produces output in the page like this: é U+00E9 LATIN SMALL LETTER E WITH ACUTE.
See https://github.com/w3c/tr-design/pull/323#issuecomment-1535360576 and https://github.com/w3c/tr-design/pull/323#discussion_r1210874730