��<!DOCTYPE html> <html lang="en"> <head> <meta charset='UTF-8'> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Small Text Generator ��� �a%����%��%i%U% �a%��a%�f%��a%� Maker | TextSymbols</title> <meta name="description" content="Generate small text, tiny font, superscript, and subscript characters instantly. Copy and paste small letters for Instagram, Discord, and Twitter."> <link rel='canonical' href='https://fancysymbols.com/small-text.html'> <meta property="og:type" content="website"> <meta property="og:url" content="https://fancysymbols.com/small-text"> <meta property="og:title" content="Small Text Generator ��� Tiny Text Maker"> <meta property="og:description" content="Generate small text, superscript, and subscript characters instantly. Copy and paste."> <meta property="og:image" content="https://fancysymbols.com/og-image.png"> <meta name="twitter:card" content="summary_large_image"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/style.css?v=5.5"> <link rel="icon" type="image/png" href="/favicon.png"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://fancysymbols.com"},{"@type":"ListItem","position":2,"name":"Small Text Generator","item":"https://fancysymbols.com/small-text"}]}</script> </head> <body> <div class="particles"></div> <header class="header"><div class="header-inner"><a href="/" class="logo"><img src="/favicon.png" alt="TextSymbols Logo" class="logo-img"><span class="logo-text">TextSymbols</span></a><nav class="header-nav"><a href="/">Home</a><a href="/all-symbols.html">All Symbols</a><a href="/preppy-fonts.html"><span class="link-icon">a"���</span> Preppy Font Generator</a><a href="/cute-fonts.html">Cute Fonts</a><a href="/aesthetic-fonts.html">Aesthetic Fonts</a><a href="/lenny-face.html" class="nav-cta">Lenny Faces</a></nav><button class="menu-toggle" id="menuToggle" aria-label="Toggle navigation menu" aria-expanded="false"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button></div></header> <div class="sidebar-overlay" id="sidebarOverlay"></div><aside class="sidebar" id="sidebar"></aside> <div class="page-wrapper"><main class="main-content"> <div class="page-header"><h1>Small Text Generator a"���</h1><p>Convert your text into �a%����%��%i%U% f%��a%��a%��a%�i%%f%��b%�i%%���%�a%��a%�, ����a%�b�������a%��a%�������, or s�$%��$%�i%�i%� �$%��$%��$%�s. Click to copy and paste.</p></div> <div class="font-gen-container"> <div class="font-input-area"> <input type="text" class="font-input" id="fontInput" placeholder="Type normal text here..." value="tiny text maker" autofocus> </div> <div id="fontResults" class="combo-grid"></div> </div> <div class="content-article"> <h2>How to make text small?</h2> <p><b>This generator uses special Unicode characters to mimic tiny fonts.</b> These aren't actually "fonts" in the traditional sense, but separate mathematical and phonetic symbols that happen to look exactly like tiny alphabet letters. Because they are plain text characters, they will remain small even when you copy and paste them into apps that don't support text formatting.</p> <h2>Types of Small Text</h2> <ul> <li><strong>Superscript (�a%����%��%i%U%):</strong> Letters raised slightly above the normal text line. Originally used in mathematics (like x,%�%), but expanded to include most of the alphabet. Note: Unicode is missing a true superscript 'q', so we use a close approximation.</li> <li><strong>Subscript (���������������):</strong> Letters dropped slightly below the normal text line (like H���O). Note: The subscript alphabet is incomplete in the Unicode standard, so some letters might not look perfect.</li> <li><strong>Small Caps (s�$%��$%�i%�i%�):</strong> Capital letters that are the height of lowercase letters. Great for titles and emphasis.</li> </ul> <h2>Where does it work?</h2> <p>You can paste this tiny text almost anywhere: Instagram bios, Twitter names, Discord messages, YouTube comments, TikTok captions, and WhatsApp messages.</p> <h3>More Font Tools</h3> <div class="category-pills"><a href="/aesthetic-fonts.html" class="category-pill">��� Aesthetic Fonts</a><a href="/bold-text.html" class="category-pill">a"���a"��]%a"��c%a"���% Text</a><a href="/strikethrough-text.html" class="category-pill">��� Strikethrough</a><a href="/" class="category-pill">a"��� All Symbols</a></div> </div> </main></div> <footer class="footer"><div class="footer-inner"><div class="footer-grid"><div class="footer-brand"><span class="logo-text highlight">TextSymbols</span><p class="footer-desc">Your premium destination for aesthetic symbols, cute fonts, and creative text tools.</p></div><div><h4 class="footer-col-title">Text Tools</h4><ul class="footer-links-list"><li><a href="/all-symbols.html">All Symbols</a></li><li><a href="/small-text.html">Small Text</a></li><li><a href="/character-counter.html">Character Counter</a></li></ul></div><div><h4 class="footer-col-title">Categories</h4><ul class="footer-links-list"><li><a href="/symbols/heart.html">Heart Symbols</a></li><li><a href="/symbols/star.html">Star Symbols</a></li></ul></div><div><h4 class="footer-col-title">Company</h4><ul class="footer-links-list"><li><a href="/pages/privacy.html">Privacy Policy</a></li><li><a href="/pages/terms.html">Terms of Service</a></li></ul></div></div><div class="footer-bottom"><p class="footer-copy">,%# 2026 FancySymbols.</p></div></div></footer> <script> const MAPS = { super: { 'a':'�a%�','b':'�a%�','c':'�b%�','d':'�a%�','e':'�a%�','f':'�b%�','g':'�a%�','h':'i%�%','i':'���%','j':'i%�%','k':'�a%�','l':'f%�','m':'�a%�','n':'��%', 'o':'�a%�','p':'�a%�','q':'�a%�','r':'i%%', 's':'f%�','t':'�a%�','u':'�a%�','v':'�a%�','w':'i%V%','x':'f%�','y':'i%U%','z':'�b%W%', 'A':'�$%�','B':'�$%�','C':'�b%�','D':'�$%�%','E':'�$%�%','F':'�b%�','G':'�$%%','H':'�$%$%','I':'�$%a%','J':'�$%b%','K':'�$%V%','L':'�$%U%','M':'�$%c%','N':'�$%Q%', 'O':'�$%]%','P':'�$%[%','Q':'�a%�','R':'�$%%', 'S':'f%�','T':'�a%�','U':'�a%�','V':'��%\%','W':'�a%�','X':'f%�','Y':'i%U%','Z':'�b%W%', '1':',%c%','2':',%�%','3':',%%','4':'��$%','5':'��a%','6':'��b%','7':'��V%','8':'��U%','9':'��c%','0':'���%', '+':'��Q%','-':'��W%','=':'��]%','(':'��\%',')':'��[%' }, sub: { 'a':'���','b':'�a%�','c':'a"��U%','d':'a"��c%','e':'���','f':'a"��W%','g':'a"���%','h':'���','i':'�a%�','j':'��%]%','k':'���','l':'���','m':'���','n':'���','o':'���','p':'���','q':'�a%#','r':'�a%�','s':'���','t':'���','u':'�a%�','v':'�a%�','w':'a"���','x':'���','y':'�a%�','z':'a"���', 'A':'���','B':'�a%�','C':'a"��U%','D':'a"��c%','E':'���','F':'a"��W%','G':'a"���%','H':'���','I':'�a%�','J':'��%]%','K':'���','L':'���','M':'���','N':'���','O':'���','P':'���','Q':'�a%#','R':'�a%�','S':'���','T':'���','U':'�a%�','V':'�a%�','W':'a"���','X':'���','Y':'�a%�','Z':'a"���', '1':'���','2':'���','3':'���','4':'���','5':'���','6':'���','7':'���','8':'���','9':'���','0':'���', '+':'���','-':'���','=':'���','(':'���',')':'���' }, smallcaps: { 'a':'�$%�','b':'i%�','c':'�$%�','d':'�$%�','e':'�$%�','f':'e%�','g':'T%�','h':'i%�','i':'T%�','j':'�$%�','k':'�$%�','l':'i%�','m':'�$%�','n':'T%$%','o':'�$%�','p':'�$%�','q':'_%�','r':'i%�','s':'s','t':'�$%�','u':'�$%�','v':'�$%�','w':'�$%�','x':'x','y':'i%�','z':'�$%�', 'A':'�$%�','B':'i%�','C':'�$%�','D':'�$%�','E':'�$%�','F':'e%�','G':'T%�','H':'i%�','I':'T%�','J':'�$%�','K':'�$%�','L':'i%�','M':'�$%�','N':'T%$%','O':'�$%�','P':'�$%�','Q':'_%�','R':'i%�','S':'s','T':'�$%�','U':'�$%�','V':'�$%�','W':'�$%�','X':'x','Y':'i%�','Z':'�$%�' } }; const transform = (text, map) => [...text].map(c => map[c] || c).join(''); function render() { const text = document.getElementById('fontInput').value || 'tiny text maker'; const results = [ { name: 'Superscript (Tiny)', val: transform(text, MAPS.super) }, { name: 'Subscript', val: transform(text, MAPS.sub) }, { name: 'Small Caps', val: transform(text, MAPS.smallcaps) } ]; document.getElementById('fontResults').innerHTML = results.map(r => { const e = r.val.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); return `<div class="combo-item" onclick="copyF(this,'${r.val.replace(/\\/g,'\\\\').replace(/'/g,"\\'")}')" style="cursor:pointer"> <span style="font-size:0.85rem;color:#94a3b8;display:block;margin-bottom:4px">${r.name}</span> <span class="combo-text" style="font-size:1.5rem">${e}</span> <span class="combo-copy-btn">Copy</span> </div>`; }).join(''); } function copyF(el,t){ const b=el.querySelector('.combo-copy-btn'); navigator.clipboard.writeText(t).then(()=>{ if(b){b.textContent='Copied!';b.style.background='#0d9488';b.style.color='#fff';} if(window.ClipboardManager)window.ClipboardManager.add(t); setTimeout(()=>{if(b){b.textContent='Copy';b.style.background='';b.style.color='';}},1500); }); } document.getElementById('fontInput').addEventListener('input', render); render(); </script> <script src="/script.js?v=5.5"></script> </body></html>