{"id":611,"date":"2026-07-22T14:59:17","date_gmt":"2026-07-22T14:59:17","guid":{"rendered":"https:\/\/freewebtools.co.in\/?page_id=611"},"modified":"2026-07-25T16:33:43","modified_gmt":"2026-07-25T16:33:43","slug":"unicode-typography","status":"publish","type":"page","link":"https:\/\/freewebtools.co.in\/index.php\/unicode-typography\/","title":{"rendered":"Unicode Typography"},"content":{"rendered":"\n<div class=\"fwt-uni-typography-wrapper\" id=\"fwtUniTypographyWrapper\">\n    <style>\n        .fwt-uni-typography-wrapper {\n            all: initial;\n            display: block;\n            font-family: system-ui, -apple-system, sans-serif;\n            color: var(--fwt-uni-text, #1e293b);\n            background-color: var(--fwt-uni-bg, #f8fafc);\n            padding: 24px;\n            box-sizing: border-box;\n            width: 100%;\n            max-width: 1300px;\n            margin: 0 auto;\n            border-radius: 20px;\n            border: 1px solid var(--fwt-uni-border, #e2e8f0);\n            box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n            transition: background-color 0.3s, color 0.3s;\n        }\n        .fwt-uni-typography-wrapper *, .fwt-uni-typography-wrapper *::before, .fwt-uni-typography-wrapper *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        .fwt-uni-container {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n        .fwt-uni-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n        .fwt-uni-title {\n            font-size: 1.75rem;\n            font-weight: 800;\n            background: linear-gradient(135deg, #2563eb, #9333ea);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        .fwt-uni-theme-btn {\n            background: var(--fwt-uni-panel-bg, #ffffff);\n            border: 1px solid var(--fwt-uni-border, #cbd5e1);\n            color: var(--fwt-uni-text, #1e293b);\n            padding: 8px 16px;\n            border-radius: 10px;\n            cursor: pointer;\n            font-weight: 600;\n            transition: all 0.2s;\n        }\n        .fwt-uni-theme-btn:hover { background: var(--fwt-uni-hover, #f1f5f9); }\n\n        .fwt-uni-grid {\n            display: grid;\n            grid-template-columns: 1fr 2fr;\n            gap: 20px;\n        }\n        @media(max-width: 950px) {\n            .fwt-uni-grid { grid-template-columns: 1fr; }\n        }\n\n        .fwt-uni-panel {\n            background: var(--fwt-uni-panel-bg, #ffffff);\n            padding: 20px;\n            border-radius: 16px;\n            border: 1px solid var(--fwt-uni-border, #e2e8f0);\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n        }\n        .fwt-uni-group {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n        .fwt-uni-label {\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: var(--fwt-uni-label, #64748b);\n            display: flex;\n            justify-content: space-between;\n        }\n        .fwt-uni-input, .fwt-uni-textarea {\n            width: 100%;\n            padding: 12px;\n            border-radius: 10px;\n            border: 1px solid var(--fwt-uni-border, #cbd5e1);\n            font-size: 0.95rem;\n            outline: none;\n            background: var(--fwt-uni-input-bg, #f8fafc);\n            color: var(--fwt-uni-text, #1e293b);\n            transition: border-color 0.2s;\n        }\n        .fwt-uni-textarea { resize: vertical; min-height: 120px; }\n        .fwt-uni-input:focus, .fwt-uni-textarea:focus { border-color: #2563eb; }\n\n        .fwt-uni-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n        .fwt-uni-btn {\n            background: #2563eb;\n            color: white;\n            border: none;\n            padding: 12px 18px;\n            border-radius: 10px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: background 0.2s, transform 0.1s;\n            font-size: 0.9rem;\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            flex: 1;\n            justify-content: center;\n        }\n        .fwt-uni-btn:hover { background: #1d4ed8; }\n        .fwt-uni-btn:active { transform: scale(0.98); }\n        .fwt-uni-btn-secondary { background: #475569; flex: unset; }\n        .fwt-uni-btn-secondary:hover { background: #334155; }\n\n        .fwt-uni-toolbar {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n        .fwt-uni-search {\n            flex: 1;\n            min-width: 180px;\n            padding: 10px 14px;\n            border-radius: 10px;\n            border: 1px solid var(--fwt-uni-border, #cbd5e1);\n            font-size: 0.9rem;\n            background: var(--fwt-uni-input-bg, #f8fafc);\n            color: var(--fwt-uni-text, #1e293b);\n            outline: none;\n        }\n\n        .fwt-uni-results-list {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            max-height: 600px;\n            overflow-y: auto;\n            padding-right: 5px;\n        }\n        .fwt-uni-card {\n            background: var(--fwt-uni-card-bg, #f8fafc);\n            border: 1px solid var(--fwt-uni-border, #e2e8f0);\n            border-radius: 12px;\n            padding: 16px;\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            position: relative;\n            transition: transform 0.15s, box-shadow 0.15s;\n        }\n        .fwt-uni-card:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 15px rgba(0,0,0,0.05);\n        }\n        .fwt-uni-card-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        .fwt-uni-style-name {\n            font-size: 0.85rem;\n            font-weight: 700;\n            color: #2563eb;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        .fwt-uni-output {\n            font-size: 1.25rem;\n            font-family: inherit;\n            background: var(--fwt-uni-panel-bg, #ffffff);\n            padding: 12px;\n            border-radius: 8px;\n            border: 1px solid var(--fwt-uni-border, #e2e8f0);\n            word-break: break-all;\n            color: var(--fwt-uni-text, #1e293b);\n        }\n        .fwt-uni-card-footer {\n            display: flex;\n            justify-content: flex-end;\n            align-items: center;\n        }\n        .fwt-uni-mini-btn {\n            background: #2563eb;\n            color: white;\n            border: none;\n            padding: 6px 14px;\n            border-radius: 6px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        .fwt-uni-mini-btn:hover { background: #1d4ed8; }\n\n        .fwt-uni-toast {\n            position: fixed;\n            bottom: 20px;\n            right: 20px;\n            background: #0f172a;\n            color: white;\n            padding: 10px 20px;\n            border-radius: 8px;\n            font-size: 0.9rem;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n            opacity: 0;\n            transition: opacity 0.3s;\n            pointer-events: none;\n            z-index: 9999;\n        }\n        .fwt-uni-toast.show { opacity: 1; }\n\n        @media(prefers-color-scheme: dark) {\n            .fwt-uni-typography-wrapper[data-theme=\"auto\"] {\n                --fwt-uni-bg: #0f172a;\n                --fwt-uni-panel-bg: #1e293b;\n                --fwt-uni-card-bg: #0f172a;\n                --fwt-uni-text: #f8fafc;\n                --fwt-uni-border: #334155;\n                --fwt-uni-input-bg: #0f172a;\n                --fwt-uni-label: #94a3b8;\n                --fwt-uni-hover: #334155;\n            }\n        }\n        .fwt-uni-typography-wrapper[data-theme=\"dark\"] {\n            --fwt-uni-bg: #0f172a;\n            --fwt-uni-panel-bg: #1e293b;\n            --fwt-uni-card-bg: #0f172a;\n            --fwt-uni-text: #f8fafc;\n            --fwt-uni-border: #334155;\n            --fwt-uni-input-bg: #0f172a;\n            --fwt-uni-label: #94a3b8;\n            --fwt-uni-hover: #334155;\n        }\n        .fwt-uni-typography-wrapper[data-theme=\"light\"] {\n            --fwt-uni-bg: #f8fafc;\n            --fwt-uni-panel-bg: #ffffff;\n            --fwt-uni-card-bg: #f8fafc;\n            --fwt-uni-text: #1e293b;\n            --fwt-uni-border: #e2e8f0;\n            --fwt-uni-input-bg: #f8fafc;\n            --fwt-uni-label: #64748b;\n            --fwt-uni-hover: #f1f5f9;\n        }\n    <\/style>\n\n    <div class=\"fwt-uni-container\" data-theme=\"auto\">\n        <div class=\"fwt-uni-header\">\n            <h2 class=\"fwt-uni-title\">\ud83d\udd24 Advanced Unicode Typography Converter<\/h2>\n            <button type=\"button\" class=\"fwt-uni-theme-btn\" id=\"fwtThemeToggle\">Toggle Theme<\/button>\n        <\/div>\n\n        <div class=\"fwt-uni-grid\">\n            <div class=\"fwt-uni-panel\">\n                <div class=\"fwt-uni-group\">\n                    <label class=\"fwt-uni-label\" for=\"fwtMainInput\">\n                        <span>Input Text<\/span>\n                        <span id=\"fwtCharCount\">0 chars<\/span>\n                    <\/label>\n                    <textarea id=\"fwtMainInput\" class=\"fwt-uni-textarea\" placeholder=\"Type text to convert into professional Unicode typography styles...\"><\/textarea>\n                <\/div>\n\n                <div class=\"fwt-uni-actions\">\n                    <button type=\"button\" class=\"fwt-uni-btn\" id=\"fwtClearBtn\">Clear<\/button>\n                    <button type=\"button\" class=\"fwt-uni-btn fwt-uni-btn-secondary\" id=\"fwtCopyAllBtn\">Copy All<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"fwt-uni-panel\">\n                <div class=\"fwt-uni-toolbar\">\n                    <input type=\"text\" id=\"fwtSearchInput\" class=\"fwt-uni-search\" placeholder=\"Search typography styles...\">\n                <\/div>\n                <div class=\"fwt-uni-results-list\" id=\"fwtResultsList\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"fwt-uni-toast\" id=\"fwtToast\">Copied to clipboard!<\/div>\n<\/div>\n\n<script>\n(() => {\n    \"use strict\";\n\n    const config = {\n        darkMode: \"auto\",\n        animations: true\n    };\n\n    const root = document.getElementById('fwtUniTypographyWrapper');\n    const container = root.querySelector('.fwt-uni-container');\n    const mainInput = root.querySelector('#fwtMainInput');\n    const searchInput = root.querySelector('#fwtSearchInput');\n    const resultsList = root.querySelector('#fwtResultsList');\n    const charCountSpan = root.querySelector('#fwtCharCount');\n    const clearBtn = root.querySelector('#fwtClearBtn');\n    const copyAllBtn = root.querySelector('#fwtCopyAllBtn');\n    const themeToggle = root.querySelector('#fwtThemeToggle');\n    const toast = root.querySelector('#fwtToast');\n\n    const showToast = (msg) => {\n        toast.textContent = msg;\n        toast.classList.add('show');\n        setTimeout(() => toast.classList.remove('show'), 2000);\n    };\n\n    const escapeHtml = (str) => {\n        return str.replace(\/&\/g, \"&amp;\").replace(\/<\/g, \"&lt;\").replace(\/>\/g, \"&gt;\");\n    };\n\n    const alphabets = {\n        bold: { a: '\ud835\uddee', b: '\ud835\uddef', c: '\ud835\uddf0', d: '\ud835\uddf1', e: '\ud835\uddf2', f: '\ud835\uddf3', g: '\ud835\uddf4', h: '\ud835\uddf5', i: '\ud835\uddf6', j: '\ud835\uddf7', k: '\ud835\uddf8', l: '\ud835\uddf9', m: '\ud835\uddfa', n: '\ud835\uddfb', o: '\ud835\uddfc', p: '\ud835\uddfd', q: '\ud835\uddfe', r: '\ud835\uddff', s: '\ud835\ude00', t: '\ud835\ude01', u: '\ud835\ude02', v: '\ud835\ude03', w: '\ud835\ude04', x: '\ud835\ude05', y: '\ud835\ude06', z: '\ud835\ude07', A: '\ud835\uddd4', B: '\ud835\uddd5', C: '\ud835\uddd6', D: '\ud835\uddd7', E: '\ud835\uddd8', F: '\ud835\uddd9', G: '\ud835\uddda', H: '\ud835\udddb', I: '\ud835\udddc', J: '\ud835\udddd', K: '\ud835\uddde', L: '\ud835\udddf', M: '\ud835\udde0', N: '\ud835\udde1', O: '\ud835\udde2', P: '\ud835\udde3', Q: '\ud835\udde4', R: '\ud835\udde5', S: '\ud835\udde6', T: '\ud835\udde7', U: '\ud835\udde8', V: '\ud835\udde9', W: '\ud835\uddea', X: '\ud835\uddeb', Y: '\ud835\uddec', Z: '\ud835\udded', '0': '\ud835\udfec', '1': '\ud835\udfed', '2': '\ud835\udfee', '3': '\ud835\udfef', '4': '\ud835\udff0', '5': '\ud835\udff1', '6': '\ud835\udff2', '7': '\ud835\udff3', '8': '\ud835\udff4', '9': '\ud835\udff5' },\n        italic: { a: '\ud835\udc4e', b: '\ud835\udc4f', c: '\ud835\udc50', d: '\ud835\udc51', e: '\ud835\udc52', f: '\ud835\udc53', g: '\ud835\udc54', h: '\u210e', i: '\ud835\udc56', j: '\ud835\udc57', k: '\ud835\udc58', l: '\ud835\udc59', m: '\ud835\udc5a', n: '\ud835\udc5b', o: '\ud835\udc5c', p: '\ud835\udc5d', q: '\ud835\udc5e', r: '\ud835\udc5f', s: '\ud835\udc60', t: '\ud835\udc61', u: '\ud835\udc62', v: '\ud835\udc63', w: '\ud835\udc64', x: '\ud835\udc65', y: '\ud835\udc66', z: '\ud835\udc67', A: '\ud835\udc34', B: '\ud835\udc35', C: '\ud835\udc36', D: '\ud835\udc37', E: '\ud835\udc38', F: '\ud835\udc39', G: '\ud835\udc3a', H: '\ud835\udc3b', I: '\ud835\udc3c', J: '\ud835\udc3d', K: '\ud835\udc3e', L: '\ud835\udc3f', M: '\ud835\udc40', N: '\ud835\udc41', O: '\ud835\udc42', P: '\ud835\udc43', Q: '\ud835\udc44', R: '\ud835\udc45', S: '\ud835\udc46', T: '\ud835\udc47', U: '\ud835\udc48', V: '\ud835\udc49', W: '\ud835\udc4a', X: '\ud835\udc4b', Y: '\ud835\udc4c', Z: '\ud835\udc4d' },\n        script: { a: '\ud835\udcb6', b: '\ud835\udcb7', c: '\ud835\udcb8', d: '\ud835\udcb9', e: '\u212f', f: '\ud835\udcbb', g: '\u210a', h: '\ud835\udcbd', i: '\ud835\udcbe', j: '\ud835\udcbf', k: '\ud835\udcc0', l: '\ud835\udcc1', m: '\ud835\udcc2', n: '\ud835\udcc3', o: '\u2134', p: '\ud835\udcc5', q: '\ud835\udcc6', r: '\ud835\udcc7', s: '\ud835\udcc8', t: '\ud835\udcc9', u: '\ud835\udcca', v: '\ud835\udcff', w: '\ud835\udccc', x: '\ud835\udccd', y: '\ud835\udcce', z: '\ud835\udccf', A: '\ud835\udc9c', B: '\u212c', C: '\ud835\udc9e', D: '\ud835\udc9f', E: '\u2130', F: '\u2131', G: '\ud835\udca2', H: '\u210b', I: '\u2110', J: '\ud835\udca5', K: '\ud835\udca6', L: '\u2112', M: '\u2133', N: '\ud835\udca9', O: '\ud835\udcaa', P: '\ud835\udcab', Q: '\ud835\udcac', R: '\u211b', S: '\ud835\udcae', T: '\ud835\udcaf', U: '\ud835\udcb0', V: '\ud835\udcb1', W: '\ud835\udcb2', X: '\ud835\udcb3', Y: '\ud835\udcb4', Z: '\ud835\udcb5' },\n        fraktur: { a: '\ud835\udd1e', b: '\ud835\udd1f', c: '\ud835\udd20', d: '\ud835\udd21', e: '\ud835\udd22', f: '\ud835\udd23', g: '\ud835\udd24', h: '\ud835\udd25', i: '\ud835\udd26', j: '\ud835\udd27', k: '\ud835\udd28', l: '\ud835\udd29', m: '\ud835\udd2a', n: '\ud835\udd2b', o: '\ud835\udd2c', p: '\ud835\udd2d', q: '\ud835\udd2e', r: '\ud835\udd2f', s: '\ud835\udd30', t: '\ud835\udd31', u: '\ud835\udd32', v: '\ud835\udd33', w: '\ud835\udd34', x: '\ud835\udd35', y: '\ud835\udd36', z: '\ud835\udd37', A: '\ud835\udd04', B: '\ud835\udd05', C: '\u212d', D: '\ud835\udd07', E: '\ud835\udd08', F: '\ud835\udd09', G: '\ud835\udd0a', H: '\u210c', I: '\u2111', J: '\ud835\udd0d', K: '\ud835\udd0e', L: '\ud835\udd0f', M: '\ud835\udd10', N: '\ud835\udd11', O: '\ud835\udd12', P: '\ud835\udd13', Q: '\ud835\udd14', R: '\u211c', S: '\ud835\udd16', T: '\ud835\udd17', U: '\ud835\udd18', V: '\ud835\udd19', W: '\ud835\udd1a', X: '\ud835\udd1b', Y: '\ud835\udd1c', Z: '\u2128' },\n        doubleStruck: { a: '\ud835\udd52', b: '\ud835\udd53', c: '\ud835\udd54', d: '\ud835\udd55', e: '\ud835\udd56', f: '\ud835\udd57', g: '\ud835\udd58', h: '\ud835\udd59', i: '\ud835\udd5a', j: '\ud835\udd5b', k: '\ud835\udd5c', l: '\ud835\udd5d', m: '\ud835\udd5e', n: '\ud835\udd5f', o: '\ud835\udd60', p: '\ud835\udd61', q: '\ud835\udd62', r: '\ud835\udd63', s: '\ud835\udd64', t: '\ud835\udd65', u: '\ud835\udd66', v: '\ud835\udd67', w: '\ud835\udd68', x: '\ud835\udd69', y: '\ud835\udd6a', z: '\ud835\udd6b', A: '\ud835\udd38', B: '\ud835\udd39', C: '\u2102', D: '\ud835\udd3b', E: '\ud835\udd3c', F: '\ud835\udd3d', G: '\ud835\udd3e', H: '\u210d', I: '\ud835\udd40', J: '\ud835\udd41', K: '\ud835\udd42', L: '\ud835\udd43', M: '\ud835\udd44', N: '\u2115', O: '\ud835\udd46', P: '\u2119', Q: '\u211a', R: '\u211d', S: '\ud835\udd4a', T: '\ud835\udd4b', U: '\ud835\udd4c', V: '\ud835\udd4d', W: '\ud835\udd4e', X: '\ud835\udd4f', Y: '\ud835\udd50', Z: '\u2124' },\n        mono: { a: '\ud835\ude8a', b: '\ud835\ude8b', c: '\ud835\ude8c', d: '\ud835\ude8d', e: '\ud835\ude8e', f: '\ud835\ude8f', g: '\ud835\ude90', h: '\ud835\ude91', i: '\ud835\ude92', j: '\ud835\ude93', k: '\ud835\ude94', l: '\ud835\ude95', m: '\ud835\ude96', n: '\ud835\ude97', o: '\ud835\ude98', p: '\ud835\ude99', q: '\ud835\ude9a', r: '\ud835\ude9b', s: '\ud835\ude9c', t: '\ud835\ude9d', u: '\ud835\ude9e', v: '\ud835\ude9f', w: '\ud835\udea0', x: '\ud835\udea1', y: '\ud835\udea2', z: '\ud835\udea3', A: '\ud835\ude70', B: '\ud835\ude71', C: '\ud835\ude72', D: '\ud835\ude73', E: '\ud835\ude74', F: '\ud835\ude75', G: '\ud835\ude76', H: '\ud835\ude77', I: '\ud835\ude78', J: '\ud835\ude79', K: '\ud835\ude7a', L: '\ud835\ude7b', M: '\ud835\ude7c', N: '\ud835\ude7d', O: '\ud835\ude7e', P: '\ud835\ude7f', Q: '\u211a', R: '\ud835\ude81', S: '\ud835\ude82', T: '\ud835\ude83', U: '\ud835\ude84', V: '\ud835\ude85', W: '\ud835\ude86', X: '\ud835\ude87', Y: '\ud835\ude88', Z: '\ud835\ude89' },\n        circled: { a: '\u24d0', b: '\u24d1', c: '\u24d2', d: '\u24d3', e: '\u24d4', f: '\u24d5', g: '\u24d6', h: '\u24d7', i: '\u24d8', j: '\u24d9', k: '\u24da', l: '\u24db', m: '\u24dc', n: '\u24dd', o: '\u24de', p: '\u24df', q: '\u24e0', r: '\u24e1', s: '\u24e2', t: '\u24e3', u: '\u24e4', v: '\u24e5', w: '\u24e6', x: '\u24e7', y: '\u24e8', z: '\u24e9', A: '\u24b6', B: '\u24b7', C: '\u24b8', D: '\u24b9', E: '\u24ba', F: '\u24bb', G: '\u24bc', H: '\u24bd', I: '\u24be', J: '\u24bf', K: '\u24c0', L: '\u24c1', M: '\u24c2', N: '\u24c3', O: '\u24c4', P: '\u24c5', Q: '\u24c6', R: '\u24c7', S: '\u24c8', T: '\u24c9', U: '\u24ca', V: '\u24cb', W: '\u24cc', X: '\u24cd', Y: '\u24ce', Z: '\u24cf' },\n        squared: { a: '\ud83c\udd30', b: '\ud83c\udd31', c: '\ud83c\udd32', d: '\ud83c\udd33', e: '\ud83c\udd34', f: '\ud83c\udd35', g: '\ud83c\udd36', h: '\ud83c\udd37', i: '\ud83c\udd38', j: '\ud83c\udd39', k: '\ud83c\udd3a', l: '\ud83c\udd3b', m: '\ud83c\udd3c', n: '\ud83c\udd3d', o: '\ud83c\udd3e', p: '\ud83c\udd3f', q: '\ud83c\udd40', r: '\ud83c\udd41', s: '\ud83c\udd42', t: '\ud83c\udd43', u: '\ud83c\udd44', v: '\ud83c\udd45', w: '\ud83c\udd46', x: '\ud83c\udd47', y: '\ud83c\udd48', z: '\ud83c\udd49', A: '\ud83c\udd10', B: '\ud83c\udd11', C: '\ud83c\udd12', D: '\ud83c\udd13', E: '\ud83c\udd14', F: '\ud83c\udd15', G: '\ud83c\udd16', H: '\ud83c\udd17', I: '\ud83c\udd18', J: '\ud83c\udd19', K: '\ud83c\udd1a', L: '\ud83c\udd1b', M: '\ud83c\udd1c', N: '\ud83c\udd1d', O: '\ud83c\udd1e', P: '\ud83c\udd1f', Q: '\ud83c\udd20', R: '\ud83c\udd21', S: '\ud83c\udd22', T: '\ud83c\udd23', U: '\ud83c\udd24', V: '\ud83c\udd25', W: '\ud83c\udd26', X: '\ud83c\udd27', Y: '\ud83c\udd28', Z: '\ud83c\udd29' }\n    };\n\n    const applyMap = (str, map) => {\n        return str.split('').map(c => map[c] || c).join('');\n    };\n\n    const typographyStyles = [\n        { name: \"Mathematical Bold\", fn: s => applyMap(s, alphabets.bold) },\n        { name: \"Mathematical Italic\", fn: s => applyMap(s, alphabets.italic) },\n        { name: \"Cursive Script\", fn: s => applyMap(s, alphabets.script) },\n        { name: \"Gothic Fraktur\", fn: s => applyMap(s, alphabets.fraktur) },\n        { name: \"Double Struck (Blackboard)\", fn: s => applyMap(s, alphabets.doubleStruck) },\n        { name: \"Monospace Typewriter\", fn: s => applyMap(s, alphabets.mono) },\n        { name: \"Circled Characters\", fn: s => applyMap(s, alphabets.circled) },\n        { name: \"Squared Characters\", fn: s => applyMap(s, alphabets.squared) },\n        { name: \"Small Caps Style\", fn: s => s.toUpperCase().split('').map(c => ({A: '\u1d00', B: '\u0299', C: '\u1d04', D: '\u1d05', E: '\u1d07', F: '\u0493', G: '\u0262', H: '\u029c', I: '\u026a', J: '\u1d0a', K: '\u1d0b', L: '\u029f', M: '\u1d0d', N: '\u0274', O: '\u1d0f', P: '\u1d18', Q: '\u01eb', R: '\u0280', S: '\ua731', T: '\u1d1b', U: '\u1d1c', V: '\u1d20', W: '\u1d21', X: 'x', Y: '\u028f', Z: '\u1d22'})[c] || c).join('') },\n        { name: \"Superscript Typography\", fn: s => applyMap(s, {a: '\u1d43', b: '\u1d47', c: '\u1d9c', d: '\u1d48', e: '\u1d49', f: '\u1da0', g: '\u1d4d', h: '\u02b0', i: '\u2071', j: '\u02b2', k: '\u1d4f', l: '\u02e1', m: '\u1d50', n: '\u207f', o: '\u1d52', p: '\u1d56', q: '\ud801\udfa5', r: '\u02b3', s: '\u02e2', t: '\u1d57', u: '\u1d58', v: '\u1d5b', w: '\u02b7', x: '\u02e3', y: '\u02b8', z: '\u1dbb'}) },\n        { name: \"Subscript Typography\", fn: s => applyMap(s, {a: '\u2090', e: '\u2091', h: '\u2095', i: '\u1d62', j: '\u2c7c', k: '\u2096', l: '\u2097', m: '\u2098', n: '\u2099', o: '\u2092', p: '\u209a', r: '\u1d63', s: '\u209b', t: '\u209c', u: '\u1d64', v: '\u1d65', x: '\u2093'}) },\n        { name: \"Vaporwave Aesthetic Spacing\", fn: s => s.split('').join('   ') },\n        { name: \"Underlined Typography\", fn: s => s.split('').map(c => c + '\u0332').join('') },\n        { name: \"Strikethrough Typography\", fn: s => s.split('').map(c => c + '\u0336').join('') },\n        { name: \"Overline Typography\", fn: s => s.split('').map(c => c + '\u0305').join('') },\n        { name: \"Bubble Text\", fn: s => s.split('').map(c => c + '\ud83e\udee7').join('') },\n        { name: \"Fire Decoration\", fn: s => '\ud83d\udd25 ' + s + ' \ud83d\udd25' },\n        { name: \"Star Sparkle\", fn: s => '\u2728 ' + s + ' \u2728' }\n    ];\n\n    const renderStyles = (filter = '') => {\n        const text = mainInput.value || \"Unicode Typography \u2728\";\n        resultsList.innerHTML = '';\n        const fragment = document.createDocumentFragment();\n\n        typographyStyles.forEach(style => {\n            if (filter && !style.name.toLowerCase().includes(filter.toLowerCase())) return;\n\n            const converted = style.fn(text);\n            const card = document.createElement('div');\n            card.className = 'fwt-uni-card';\n            card.innerHTML = `\n                <div class=\"fwt-uni-card-header\">\n                    <span class=\"fwt-uni-style-name\">${escapeHtml(style.name)}<\/span>\n                <\/div>\n                <div class=\"fwt-uni-output\">${escapeHtml(converted)}<\/div>\n                <div class=\"fwt-uni-card-footer\">\n                    <button type=\"button\" class=\"fwt-uni-mini-btn\">Copy<\/button>\n                <\/div>\n            `;\n\n            card.querySelector('button').onclick = () => {\n                navigator.clipboard.writeText(converted);\n                showToast(`Copied \"${style.name}\"!`);\n            };\n\n            fragment.appendChild(card);\n        });\n\n        resultsList.appendChild(fragment);\n    };\n\n    mainInput.oninput = () => {\n        const val = mainInput.value;\n        charCountSpan.textContent = `${val.length} chars`;\n        requestAnimationFrame(() => renderStyles(searchInput.value));\n    };\n\n    searchInput.oninput = () => {\n        requestAnimationFrame(() => renderStyles(searchInput.value));\n    };\n\n    clearBtn.onclick = () => {\n        mainInput.value = '';\n        mainInput.dispatchEvent(new Event('input'));\n    };\n\n    copyAllBtn.onclick = () => {\n        const text = mainInput.value || \"Unicode Typography \u2728\";\n        const allText = typographyStyles.map(s => `${s.name}:\\n${s.fn(text)}\\n`).join('\\n');\n        navigator.clipboard.writeText(allText);\n        showToast(\"Copied all typography styles!\");\n    };\n\n    themeToggle.onclick = () => {\n        const current = container.getAttribute('data-theme');\n        container.setAttribute('data-theme', current === 'dark' ? 'light' : 'dark');\n    };\n\n    mainInput.value = \"Typography Master \ud83d\ude80\";\n    mainInput.dispatchEvent(new Event('input'));\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd24 Advanced Unicode Typography Converter Toggle Theme Input Text 0 chars Clear Copy All Copied to clipboard!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-611","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freewebtools.co.in\/index.php\/wp-json\/wp\/v2\/pages\/611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freewebtools.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freewebtools.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freewebtools.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freewebtools.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=611"}],"version-history":[{"count":1,"href":"https:\/\/freewebtools.co.in\/index.php\/wp-json\/wp\/v2\/pages\/611\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/freewebtools.co.in\/index.php\/wp-json\/wp\/v2\/pages\/611\/revisions\/612"}],"wp:attachment":[{"href":"https:\/\/freewebtools.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}