{"id":7109,"date":"2026-03-25T00:00:37","date_gmt":"2026-03-25T00:00:37","guid":{"rendered":"https:\/\/raistheme.com\/?page_id=7109"},"modified":"2026-04-06T11:44:30","modified_gmt":"2026-04-06T11:44:30","slug":"tiktok","status":"publish","type":"page","link":"https:\/\/raistheme.com\/tools\/font-generator\/tiktok\/","title":{"rendered":"TikTok Font Generator \u2013 Create Stylish TikTok Text Free"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7109\" class=\"elementor elementor-7109\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b6e13d9 e-con-full e-flex e-con e-parent\" data-id=\"4b6e13d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30e2490e elementor-widget elementor-widget-shortcode\" data-id=\"30e2490e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- START: TikTok Font Generator Tool + SEO Content for WordPress -->\r\n<div id=\"tiktok-font-tool-wp-container\" class=\"tiktok-font-tool-wrapper\">\r\n\r\n    <!-- Scoped CSS for the Entire Component (Tool + Content) -->\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\r\n\r\n        \/* --- 1. Scoped Reset & Variables --- *\/\r\n        .tiktok-font-tool-wrapper {\r\n            --color-bg: #000000;\r\n            --color-surface: #181818;\r\n            --color-primary: #e5e5e5;\r\n            --color-secondary: #888888;\r\n            --color-border: #333333;\r\n            --gradient-start: #FE2C55;\r\n            --gradient-end: #25F4EE;\r\n            --font-family-main: 'Poppins', Helvetica, Arial, sans-serif;\r\n            --border-radius: 12px;\r\n            --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n            --transition-speed: 0.3s;\r\n            \r\n            font-family: var(--font-family-main);\r\n            color: var(--color-primary);\r\n            line-height: 1.6;\r\n            background-color: var(--color-bg);\r\n            \/* margin: 2rem 0; *\/\r\n        }\r\n        \r\n        .tiktok-font-tool-wrapper *,\r\n        .tiktok-font-tool-wrapper *::before,\r\n        .tiktok-font-tool-wrapper *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* --- 2. Tool-Specific Styles --- *\/\r\n        .tiktok-font-tool-wrapper .tool-content {\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2rem;\r\n        }\r\n        .tiktok-font-tool-wrapper .tool-content .main-title {\r\n            margin-top: 40px;\r\n            font-size: clamp(2.2rem, 8vw, 2.5rem);\r\n            font-weight: 700; line-height: 1.2;\r\n            background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));\r\n            -webkit-background-clip: text; background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            animation: tft-gradient-flow 5s ease-in-out infinite;\r\n            background-size: 200% 200%;\r\n\t\t\t\t\t\ttext-align: center;\r\n        }\r\n        .tiktok-font-tool-wrapper .tool-content .subtitle {\r\n            font-size: clamp(1rem, 3vw, 1.2rem);\r\n            color: var(--color-secondary);\r\n            margin-top: 0.5rem; max-width: 1200px;\r\n            margin-left: auto; margin-right: auto;\r\n\t\t\t\t\t\ttext-align: center;\r\n        }\r\n        .tiktok-font-tool-wrapper .input-area { position: relative; }\r\n        .tiktok-font-tool-wrapper #text-input {\r\n            width: 100%; min-height: 140px; background-color: var(--color-surface);\r\n            border: 2px solid var(--color-border); border-radius: var(--border-radius);\r\n            padding: 1.25rem; font-family: var(--font-family-main);\r\n            font-size: 1.2rem; color: var(--color-primary); resize: vertical;\r\n            transition: border-color var(--transition-speed), box-shadow var(--transition-speed);\r\n        }\r\n        .tiktok-font-tool-wrapper #text-input:focus {\r\n            outline: none; border-color: var(--gradient-end);\r\n            box-shadow: 0 0 0 4px rgba(37, 244, 238, 0.25);\r\n        }\r\n        .tiktok-font-tool-wrapper #text-input::placeholder { color: #666; }\r\n        .tiktok-font-tool-wrapper #clear-btn {\r\n            position: absolute; top: 1rem; right: 1rem;\r\n            background: none; border: none; color: var(--color-secondary);\r\n            font-size: 1.5rem; line-height: 1; cursor: pointer;\r\n            transition: color var(--transition-speed), transform var(--transition-speed);\r\n            display: none; padding: 0.25rem;\r\n        }\r\n        .tiktok-font-tool-wrapper #clear-btn:hover { color: var(--color-primary); transform: scale(1.1); }\r\n        .tiktok-font-tool-wrapper #results-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }\r\n        .tiktok-font-tool-wrapper .font-card {\r\n            background-color: var(--color-surface); border-radius: var(--border-radius);\r\n            box-shadow: var(--shadow); display: flex; flex-direction: column;\r\n            border: 1px solid var(--color-border);\r\n            transition: transform var(--transition-speed), box-shadow var(--transition-speed);\r\n        }\r\n        .tiktok-font-tool-wrapper .font-card:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4); }\r\n        .tiktok-font-tool-wrapper .font-preview-wrapper { padding: 1.5rem; flex-grow: 1; }\r\n        .tiktok-font-tool-wrapper .font-preview { font-size: 1.6rem; min-height: 50px; color: var(--color-primary); overflow-wrap: break-word; }\r\n        .tiktok-font-tool-wrapper .card-footer {\r\n            display: flex; justify-content: space-between; align-items: center;\r\n            padding: 0.75rem 1.5rem; background-color: rgba(0,0,0,0.3);\r\n            border-top: 1px solid var(--color-border);\r\n            border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);\r\n        }\r\n        .tiktok-font-tool-wrapper .font-name { font-weight: 600; color: var(--color-secondary); }\r\n        .tiktok-font-tool-wrapper .copy-btn {\r\n            padding: 0.5rem 1rem; font-weight: 600; font-family: var(--font-family-main);\r\n            color: #000000;\r\n            background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));\r\n            border: none; border-radius: 8px; cursor: pointer;\r\n            transition: all var(--transition-speed) ease;\r\n        }\r\n        .tiktok-font-tool-wrapper .copy-btn:hover { transform: scale(1.05); box-shadow: 0 4px 15px rgba(254, 44, 85, 0.3), 0 4px 15px rgba(37, 244, 238, 0.3); }\r\n        .tiktok-font-tool-wrapper .copy-btn.copied { background: #28a745; color: white; box-shadow: none; }\r\n        .tiktok-font-tool-wrapper .load-more-container { text-align: center; }\r\n        .tiktok-font-tool-wrapper #load-more-btn {\r\n            padding: 0.8rem 2rem; font-size: 1rem; font-weight: 600;\r\n            color: var(--color-primary); background-color: var(--color-surface);\r\n            border: 2px solid var(--color-border); border-radius: var(--border-radius);\r\n            cursor: pointer; transition: all var(--transition-speed) ease;\r\n        }\r\n        .tiktok-font-tool-wrapper #load-more-btn:hover { border-color: var(--gradient-end); color: var(--gradient-end); }\r\n        .tiktok-font-tool-wrapper #load-more-btn.hidden { display: none; }\r\n        \r\n        @keyframes tft-gradient-flow {\r\n            0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; }\r\n        }\r\n\r\n        \/* --- 3. SEO Content Section Styles --- *\/\r\n        .tiktok-font-tool-wrapper .tft-seo-content-container {\r\n            max-width: 1200px;\r\n            margin: 4rem auto 0 auto;\r\n            padding-top: 2rem;\r\n            border-top: 1px solid var(--color-border);\r\n            color: var(--color-secondary);\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-seo-heading {\r\n         \r\n            text-align: center;\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 3rem;\r\n            color: var(--gradient-end); \/* Striking Cyan color for the main heading *\/\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-seo-section {\r\n            margin-bottom: 4rem;\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-seo-section h2 {\r\n            font-size: 2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 1.5rem;\r\n            padding-bottom: 0.5rem;\r\n            border-bottom: 2px solid var(--color-border);\r\n            background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));\r\n            -webkit-background-clip: text; background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-seo-section p {\r\n            font-size: 1.1rem;\r\n            margin-bottom: 1rem;\r\n            max-width: 90ch; \/* Optimal reading line length *\/\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-seo-section strong {\r\n             color: var(--color-primary);\r\n             font-weight: 600;\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-seo-section ul,\r\n        .tiktok-font-tool-wrapper .tft-seo-section ol {\r\n            padding-left: 2rem; \/* Indent lists *\/\r\n        }\r\n        \r\n        \/* Card Layout for UL\/OL *\/\r\n        .tiktok-font-tool-wrapper .tft-card-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 1.5rem;\r\n            list-style: none;\r\n            padding-left: 0; \/* Override default list padding *\/\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-card {\r\n            background-color: var(--color-surface);\r\n            padding: 1.5rem;\r\n            border-radius: var(--border-radius);\r\n            border: 1px solid var(--color-border);\r\n            transition: transform var(--transition-speed), box-shadow var(--transition-speed);\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 0 20px rgba(37, 244, 238, 0.1);\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-card h3 {\r\n            color: var(--color-primary);\r\n            font-size: 1.2rem;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-card p {\r\n            font-size: 1rem;\r\n            color: var(--color-secondary);\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* FAQ Accordion Styles *\/\r\n        .tiktok-font-tool-wrapper .tft-faq-accordion .faq-item {\r\n            background-color: var(--color-surface);\r\n            border: 1px solid var(--color-border);\r\n            border-radius: var(--border-radius);\r\n            margin-bottom: 1rem;\r\n            overflow: hidden;\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-faq-accordion .faq-question {\r\n            width: 100%;\r\n            background-color: transparent;\r\n            border: none;\r\n            padding: 1.5rem;\r\n            text-align: left;\r\n            font-family: var(--font-family-main);\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            color: var(--color-primary);\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: background-color var(--transition-speed);\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-faq-accordion .faq-question:hover {\r\n            background-color: rgba(255, 255, 255, 0.05);\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-faq-accordion .faq-question::after {\r\n            content: '+';\r\n            position: absolute;\r\n            right: 1.5rem;\r\n            font-size: 1.8rem;\r\n            color: var(--gradient-end);\r\n            transition: transform var(--transition-speed);\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-faq-accordion .faq-question.active::after {\r\n            transform: rotate(45deg);\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-faq-accordion .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease-out;\r\n        }\r\n        .tiktok-font-tool-wrapper .tft-faq-accordion .faq-answer p {\r\n            padding: 0 1.5rem 1.5rem 1.5rem;\r\n            font-size: 1.1rem;\r\n            margin: 0;\r\n        }\r\n        \r\n        \/* --- 4. DETAILED RESPONSIVENESS --- *\/\r\n        \r\n        \/* Laptops \/ Desktops (1024px) *\/\r\n        @media (max-width: 1024px) {\r\n            .tiktok-font-tool-wrapper .tft-card-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n        \r\n        \/* Tablets (768px) *\/\r\n        @media (max-width: 768px) {\r\n            .tiktok-font-tool-wrapper .tft-seo-heading { font-size: 2.2rem; margin-bottom: 2.5rem; }\r\n            .tiktok-font-tool-wrapper .tft-seo-section h2 { font-size: 1.8rem; }\r\n            .tiktok-font-tool-wrapper .tft-seo-section p { font-size: 1rem; }\r\n            .tiktok-font-tool-wrapper .tft-card-grid { grid-template-columns: 1fr; }\r\n            .tiktok-font-tool-wrapper .tft-faq-accordion .faq-question { font-size: 1.1rem; padding: 1.25rem; }\r\n            .tiktok-font-tool-wrapper .tft-faq-accordion .faq-question::after { right: 1.25rem; }\r\n            .tiktok-font-tool-wrapper .tft-faq-accordion .faq-answer p { font-size: 1rem; padding: 0 1.25rem 1.25rem 1.25rem; }\r\n        }\r\n        \r\n        \/* Large Mobiles (576px) *\/\r\n        @media (max-width: 576px) {\r\n            .tiktok-font-tool-wrapper { padding-left: 1rem; padding-right: 1rem; }\r\n            .tiktok-font-tool-wrapper .tool-content .main-title { font-size: 2rem; }\r\n            .tiktok-font-tool-wrapper .tool-content .subtitle { font-size: 0.9rem; }\r\n            .tiktok-font-tool-wrapper #text-input { font-size: 1.1rem; padding: 1rem; }\r\n            .tiktok-font-tool-wrapper .font-preview { font-size: 1.4rem; }\r\n        }\r\n        \r\n        \/* Standard Mobiles (480px) *\/\r\n        @media (max-width: 480px) {\r\n            .tiktok-font-tool-wrapper .tft-seo-heading { font-size: 2rem; }\r\n            .tiktok-font-tool-wrapper .tft-seo-section h2 { font-size: 1.6rem; }\r\n            .tiktok-font-tool-wrapper .tft-card { padding: 1.25rem; }\r\n            .tiktok-font-tool-wrapper .card-footer { flex-direction: column; gap: 0.5rem; align-items: flex-start; }\r\n            .tiktok-font-tool-wrapper .copy-btn { width: 100%; text-align: center; }\r\n        }\r\n\r\n        \/* Small Mobiles (375px) *\/\r\n        @media (max-width: 375px) {\r\n             .tiktok-font-tool-wrapper .tool-content .main-title { font-size: 1.8rem; }\r\n             .tiktok-font-tool-wrapper .tft-seo-heading { font-size: 1.8rem; }\r\n             .tiktok-font-tool-wrapper .tft-seo-section h2 { font-size: 1.5rem; }\r\n             .tiktok-font-tool-wrapper .tft-faq-accordion .faq-question { font-size: 1rem; }\r\n        }\r\n\r\n    <\/style>\r\n\r\n    <!-- ========= PART 1: FONT GENERATOR TOOL ========= -->\r\n    <div class=\"tool-content\">\r\n        <header>\r\n            <h1 class=\"main-title\">TikTok Font Generator \u2013 Create Stylish TikTok Text Free<\/h1>\r\n            <p class=\"subtitle\">Instantly create cool, stylish, and aesthetic fonts for your TikTok bio, captions, and comments. Just type and copy!<\/p>\r\n        <\/header>\r\n        <main>\r\n            <section class=\"input-area\">\r\n                <textarea id=\"text-input\" placeholder=\"Type or paste your text here...\" aria-label=\"Text to be converted\"><\/textarea>\r\n                <button id=\"clear-btn\" title=\"Clear Text\">\u00d7<\/button>\r\n            <\/section>\r\n            <section id=\"results-grid\" aria-live=\"polite\"><\/section>\r\n            <section class=\"load-more-container\">\r\n                 <button id=\"load-more-btn\">Load More Fonts<\/button>\r\n            <\/section>\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <!-- ========= PART 2: SUPPORTIVE SEO CONTENT ========= -->\r\n    \r\n    \r\n   <br>\r\n\r\n\r\n    <!-- JavaScript for Tool Logic and FAQ Accordion -->\r\n    <script>\r\n        (function() {\r\n            document.addEventListener('DOMContentLoaded', () => {\r\n                const toolContainer = document.getElementById('tiktok-font-tool-wp-container');\r\n                if (!toolContainer) { return; }\r\n\r\n                \/\/ --- FONT GENERATOR LOGIC ---\r\n                const textInput = toolContainer.querySelector('#text-input');\r\n                const resultsGrid = toolContainer.querySelector('#results-grid');\r\n                const clearBtn = toolContainer.querySelector('#clear-btn');\r\n                const loadMoreBtn = toolContainer.querySelector('#load-more-btn');\r\n                const fontData = [\r\n                    { name: '\ud835\udc12\ud835\udc1e\ud835\udc2b\ud835\udc22\ud835\udc1f \ud835\udc01\ud835\udc28\ud835\udc25\ud835\udc1d', map: { a:'\ud835\udc1a', b:'\ud835\udc1b', c:'\ud835\udc1c', d:'\ud835\udc1d', e:'\ud835\udc1e', f:'\ud835\udc1f', g:'\ud835\udc20', h:'\ud835\udc21', i:'\ud835\udc22', j:'\ud835\udc23', k:'\ud835\udc24', l:'\ud835\udc25', m:'\ud835\udc26', n:'\ud835\udc27', o:'\ud835\udc28', p:'\ud835\udc29', q:'\ud835\udc2a', r:'\ud835\udc2b', s:'\ud835\udc2c', t:'\ud835\udc2d', u:'\ud835\udc2e', v:'\ud835\udc2f', w:'\ud835\udc30', x:'\ud835\udc31', y:'\ud835\udc32', z:'\ud835\udc33', A:'\ud835\udc00', B:'\ud835\udc01', C:'\ud835\udc02', D:'\ud835\udc03', E:'\ud835\udc04', F:'\ud835\udc05', G:'\ud835\udc06', H:'\ud835\udc07', I:'\ud835\udc08', J:'\ud835\udc09', K:'\ud835\udc0a', L:'\ud835\udc0b', M:'\ud835\udc0c', N:'\ud835\udc0d', O:'\ud835\udc0e', P:'\ud835\udc0f', Q:'\ud835\udc10', R:'\ud835\udc11', S:'\ud835\udc12', T:'\ud835\udc13', U:'\ud835\udc14', V:'\ud835\udc15', W:'\ud835\udc16', X:'\ud835\udc17', Y:'\ud835\udc18', Z:'\ud835\udc19', 0:'\ud835\udfce', 1:'\ud835\udfcf', 2:'\ud835\udfd0', 3:'\ud835\udfd1', 4:'\ud835\udfd2', 5:'\ud835\udfd3', 6:'\ud835\udfd4', 7:'\ud835\udfd5', 8:'\ud835\udfd6', 9:'\ud835\udfd7' } },\r\n                    { name: '\ud835\udc46\ud835\udc52\ud835\udc5f\ud835\udc56\ud835\udc53 \ud835\udc3c\ud835\udc61\ud835\udc4e\ud835\udc59\ud835\udc56\ud835\udc50', map: { 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' } },\r\n                    { name: '\ud835\udde6\ud835\uddee\ud835\uddfb\ud835\ude00-\ud835\udde6\ud835\uddf2\ud835\uddff\ud835\uddf6\ud835\uddf3 \ud835\uddd5\ud835\uddfc\ud835\uddf9\ud835\uddf1', map: { 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' } },\r\n                    { name: '\ud835\ude1a\ud835\ude22\ud835\ude2f\ud835\ude34-\ud835\ude1a\ud835\ude26\ud835\ude33\ud835\ude2a\ud835\ude27 \ud835\ude10\ud835\ude35\ud835\ude22\ud835\ude2d\ud835\ude2a\ud835\ude24', map: { a:'\ud835\ude22', b:'\ud835\ude23', c:'\ud835\ude24', d:'\ud835\ude25', e:'\ud835\ude26', f:'\ud835\ude27', g:'\ud835\ude28', h:'\ud835\ude29', i:'\ud835\ude2a', j:'\ud835\ude2b', k:'\ud835\ude2c', l:'\ud835\ude2d', m:'\ud835\ude2e', n:'\ud835\ude2f', o:'\ud835\ude30', p:'\ud835\ude31', q:'\ud835\ude32', r:'\ud835\ude33', s:'\ud835\ude34', t:'\ud835\ude35', u:'\ud835\ude36', v:'\ud835\ude37', w:'\ud835\ude38', x:'\ud835\ude39', y:'\ud835\ude3a', z:'\ud835\ude3b', A:'\ud835\ude08', B:'\ud835\ude09', C:'\ud835\ude0a', D:'\ud835\ude0b', E:'\ud835\ude0c', F:'\ud835\ude0d', G:'\ud835\ude0e', H:'\ud835\ude0f', I:'\ud835\ude10', J:'\ud835\ude11', K:'\ud835\ude12', L:'\ud835\ude13', M:'\ud835\ude14', N:'\ud835\ude15', O:'\ud835\ude16', P:'\ud835\ude17', Q:'\ud835\ude18', R:'\ud835\ude19', S:'\ud835\ude1a', T:'\ud835\ude1b', U:'\ud835\ude1c', V:'\ud835\ude1d', W:'\ud835\ude1e', X:'\ud835\ude1f', Y:'\ud835\ude20', Z:'\ud835\ude21' } },\r\n                    { name: '\ud835\udc9e\ud835\udcca\ud835\udcc7\ud835\udcc8\ud835\udcbe\ud835\udccb\ud835\udc52', map: { a:'\ud835\udcb6', b:'\ud835\udcb7', c:'\ud835\udcb8', d:'\ud835\udcb9', e:'\ud835\udc52', f:'\ud835\udcbb', g:'\ud835\udc54', h:'\ud835\udcbd', i:'\ud835\udcbe', j:'\ud835\udcbf', k:'\ud835\udcc0', l:'\ud835\udcc1', m:'\ud835\udcc2', n:'\ud835\udcc3', o:'\ud835\udc5c', p:'\ud835\udcc5', q:'\ud835\udcc6', r:'\ud835\udcc7', s:'\ud835\udcc8', t:'\ud835\udcc9', u:'\ud835\udcca', v:'\ud835\udccb', w:'\ud835\udccc', x:'\ud835\udccd', y:'\ud835\udcce', z:'\ud835\udccf', A:'\ud835\udc9c', B:'\ud835\udc35', C:'\ud835\udc9e', D:'\ud835\udc9f', E:'\ud835\udc38', F:'\ud835\udc39', G:'\ud835\udca2', H:'\ud835\udc3b', I:'\ud835\udc3c', J:'\ud835\udca5', K:'\ud835\udca6', L:'\ud835\udc3f', M:'\ud835\udc40', N:'\ud835\udca9', O:'\ud835\udcaa', P:'\ud835\udcab', Q:'\ud835\udcac', R:'\ud835\udc45', S:'\ud835\udcae', T:'\ud835\udcaf', U:'\ud835\udcb0', V:'\ud835\udcb1', W:'\ud835\udcb2', X:'\ud835\udcb3', Y:'\ud835\udcb4', Z:'\ud835\udcb5' } },\r\n                    { name: '\ud835\udcd2\ud835\udcfe\ud835\udcfb\ud835\udcfc\ud835\udcf2\ud835\udcff\ud835\udcee \ud835\udcd1\ud835\udcf8\ud835\udcf5\ud835\udced', map: { a:'\ud835\udcea', b:'\ud835\udceb', c:'\ud835\udcec', d:'\ud835\udced', e:'\ud835\udcee', f:'\ud835\udcef', g:'\ud835\udcf0', h:'\ud835\udcf1', i:'\ud835\udcf2', j:'\ud835\udcf3', k:'\ud835\udcf4', l:'\ud835\udcf5', m:'\ud835\udcf6', n:'\ud835\udcf7', o:'\ud835\udcf8', p:'\ud835\udcf9', q:'\ud835\udcfa', r:'\ud835\udcfb', s:'\ud835\udcfc', t:'\ud835\udcfd', u:'\ud835\udcfe', v:'\ud835\udcff', w:'\ud835\udd00', x:'\ud835\udd01', y:'\ud835\udd02', z:'\ud835\udd03', A:'\ud835\udcd0', B:'\ud835\udcd1', C:'\ud835\udcd2', D:'\ud835\udcd3', E:'\ud835\udcd4', F:'\ud835\udcd5', G:'\ud835\udcd6', H:'\ud835\udcd7', I:'\ud835\udcd8', J:'\ud835\udcd9', K:'\ud835\udcda', L:'\ud835\udcdb', M:'\ud835\udcdc', N:'\ud835\udcdd', O:'\ud835\udcde', P:'\ud835\udcdf', Q:'\ud835\udce0', R:'\ud835\udce1', S:'\ud835\udce2', T:'\ud835\udce3', U:'\ud835\udce4', V:'\ud835\udce5', W:'\ud835\udce6', X:'\ud835\udce7', Y:'\ud835\udce8', Z:'\ud835\udce9' } },\r\n                    { name: '\ud835\udd09\ud835\udd2f\ud835\udd1e\ud835\udd28\ud835\udd31\ud835\udd32\ud835\udd2f', map: { 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' } },\r\n                    { name: '\ud835\udd71\ud835\udd97\ud835\udd86\ud835\udd90\ud835\udd99\ud835\udd9a\ud835\udd97 \ud835\udd6d\ud835\udd94\ud835\udd91\ud835\udd89', map: { a:'\ud835\udd86', b:'\ud835\udd87', c:'\ud835\udd88', d:'\ud835\udd89', e:'\ud835\udd8a', f:'\ud835\udd8b', g:'\ud835\udd8c', h:'\ud835\udd8d', i:'\ud835\udd8e', j:'\ud835\udd8f', k:'\ud835\udd90', l:'\ud835\udd91', m:'\ud835\udd92', n:'\ud835\udd93', o:'\ud835\udd94', p:'\ud835\udd95', q:'\ud835\udd96', r:'\ud835\udd97', s:'\ud835\udd98', t:'\ud835\udd99', u:'\ud835\udd9a', v:'\ud835\udd9b', w:'\ud835\udd9c', x:'\ud835\udd9d', y:'\ud835\udd9e', z:'\ud835\udd9f', A:'\ud835\udd6c', B:'\ud835\udd6d', C:'\ud835\udd6e', D:'\ud835\udd6f', E:'\ud835\udd70', F:'\ud835\udd71', G:'\ud835\udd72', H:'\ud835\udd73', I:'\ud835\udd74', J:'\ud835\udd75', K:'\ud835\udd76', L:'\ud835\udd77', M:'\ud835\udd78', N:'\ud835\udd79', O:'\ud835\udd7a', P:'\ud835\udd7b', Q:'\ud835\udd7c', R:'\ud835\udd7d', S:'\ud835\udd7e', T:'\ud835\udd7f', U:'\ud835\udd80', V:'\ud835\udd81', W:'\ud835\udd82', X:'\ud835\udd83', Y:'\ud835\udd84', Z:'\ud835\udd85' } },\r\n                    { name: '\ud835\udd3b\ud835\udd60\ud835\udd66\ud835\udd53\ud835\udd5d\ud835\udd56-\ud835\udd4a\ud835\udd65\ud835\udd63\ud835\udd66\ud835\udd54\ud835\udd5c', map: { 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', 0:'\ud835\udfd8', 1:'\ud835\udfd9', 2:'\ud835\udfda', 3:'\ud835\udfdb', 4:'\ud835\udfdc', 5:'\ud835\udfdd', 6:'\ud835\udfde', 7:'\ud835\udfdf', 8:'\ud835\udfe0', 9:'\ud835\udfe1' } },\r\n                    { name: '\ud835\udd44\ud835\udd60\ud835\udd5f\ud835\udd60\ud835\udd64\ud835\udd61\ud835\udd52\ud835\udd54\ud835\udd56', map: { 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:'\ud835\ude80', 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', 0:'\ud835\udff6', 1:'\ud835\udff7', 2:'\ud835\udff8', 3:'\ud835\udff9', 4:'\ud835\udffa', 5:'\ud835\udffb', 6:'\ud835\udffc', 7:'\ud835\udffd', 8:'\ud835\udffe', 9:'\ud835\udfff' } },\r\n                    { name: '\u24b8\u24d8\u24e1\u24d2\u24db\u24d4\u24d3', map: { 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:'\ud835\udcc6', 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' } },\r\n                    { name: '\ud83c\udd5d\ud83c\udd54\ud83c\udd56\ud83c\udd50\ud83c\udd63\ud83c\udd58\ud83c\udd65\ud83c\udd54 \ud83c\udd52\ud83c\udd58\ud83c\udd61\ud83c\udd52\ud83c\udd5b\ud83c\udd54\ud83c\udd53', map: { a:'\ud83c\udd50', b:'\ud83c\udd51', c:'\ud83c\udd52', d:'\ud83c\udd53', e:'\ud83c\udd54', f:'\ud83c\udd55', g:'\ud83c\udd56', h:'\ud83c\udd57', i:'\ud83c\udd58', j:'\ud83c\udd59', k:'\ud83c\udd5a', l:'\ud83c\udd5b', m:'\ud83c\udd5c', n:'\ud83c\udd5d', o:'\ud83c\udd5e', p:'\ud83c\udd5f', q:'\ud83c\udd60', r:'\ud83c\udd61', s:'\ud83c\udd62', t:'\ud83c\udd63', u:'\ud834\udd64', v:'\ud83c\udd65', w:'\ud83c\udd66', x:'\ud83c\udd67', y:'\ud83c\udd68', z:'\ud83c\udd69', A:'\ud83c\udd50', B:'\ud83c\udd51', C:'\ud83c\udd52', D:'\ud834\udd53', E:'\ud83c\udd54', F:'\ud83c\udd55', G:'\ud83c\udd56', H:'\ud83c\udd57', I:'\ud83c\udd58', J:'\ud83c\udd59', K:'\ud834\udd5a', L:'\ud83c\udd5b', M:'\ud83c\udd5c', N:'\ud835\udcdd', O:'\ud83c\udd5e', P:'\ud83c\udd5f', Q:'\ud83c\udd60', R:'\ud83c\udd61', S:'\ud83c\udd62', T:'\ud83c\udd63', U:'\ud834\udd64', V:'\ud83c\udd65', W:'\ud83c\udd66', X:'\ud83c\udd67', Y:'\ud83c\udd68', Z:'\ud83c\udd69' } },\r\n                    { name: '\uff33\uff51\uff55\uff41\uff52\uff45\uff44 (\uff26\uff55\uff4c\uff4c\uff0d\uff37\uff49\uff44\uff54\uff48)', map: { a:'\uff41', b:'\uff42', c:'\uff43', d:'\uff44', e:'\uff45', f:'\uff46', g:'\uff47', h:'\uff48', i:'\uff49', j:'\uff4a', k:'\uff4b', l:'\uff4c', m:'\uff4d', n:'\uff4e', o:'\uff4f', p:'\uff50', q:'\uff51', r:'\uff52', s:'\uff53', t:'\uff54', u:'\uff55', v:'\uff56', w:'\uff57', x:'\uff58', y:'\uff59', z:'\uff5a', A:'\uff21', B:'\uff22', C:'\uff23', D:'\uff24', E:'\uff25', F:'\uff26', G:'\uff27', H:'\uff28', I:'\uff29', J:'\uff2a', K:'\uff2b', L:'\uff2c', M:'\uff2d', N:'\uff2e', O:'\uff2f', P:'\uff30', Q:'\uff31', R:'\uff32', S:'\uff33', T:'\uff34', U:'\uff35', V:'\uff36', W:'\uff37', X:'\uff38', Y:'\uff39', Z:'\uff3a' } },\r\n                    { name: '\ud83c\udd7d\ud83c\udd74\ud83c\udd76\ud83c\udd70\ud83c\udd83\ud83c\udd78\ud83c\udd85\ud83c\udd74 \ud83c\udd82\ud83c\udd80\ud83c\udd84\ud83c\udd70\ud83c\udd81\ud83c\udd74\ud83c\udd73', map: { a:'\ud83c\udd70', b:'\ud83c\udd71', c:'\ud83c\udd72', d:'\ud83c\udd73', e:'\ud83c\udd74', f:'\ud83c\udd75', g:'\ud83c\udd76', h:'\ud83c\udd77', i:'\ud83c\udd78', j:'\ud83c\udd79', k:'\ud83c\udd7a', l:'\ud83c\udd7b', m:'\ud83c\udd7c', n:'\ud83c\udd7d', o:'\ud83c\udd7e', p:'\ud83c\udd7f', q:'\ud83c\udd80', r:'\ud83c\udd81', s:'\ud83c\udd82', t:'\ud83c\udd83', u:'\ud83c\udd84', v:'\ud83c\udd85', w:'\ud83c\udd86', x:'\ud83c\udd87', y:'\ud83c\udd88', z:'\ud83c\udd89', A:'\ud83c\udd70', B:'\ud83c\udd71', C:'\ud83c\udd72', D:'\ud83c\udd73', E:'\ud83c\udd74', F:'\ud83c\udd75', G:'\ud83c\udd76', H:'\ud83c\udd77', I:'\ud83c\udd78', J:'\ud83c\udd79', K:'\ud83c\udd7a', L:'\ud83c\udd7b', M:'\ud83c\udd7c', N:'\ud83c\udd7d', O:'\ud83c\udd7e', P:'\ud83c\udd7f', Q:'\ud83c\udd80', R:'\ud83c\udd81', S:'\ud83c\udd82', T:'\ud83c\udd83', U:'\ud834\udd84', V:'\ud83c\udd85', W:'\ud83c\udd86', X:'\ud83c\udd87', Y:'\ud83c\udd88', Z:'\ud83c\udd89' } },\r\n                    { name: '\u24ab\u249c\u24ad\u24a0\u24a9\u24af\u24a3\u24a0\u24ae\u24a4\u24b5\u24a0\u249f', map: { a:'\u249c', b:'\u249d', c:'\u249e', d:'\u249f', e:'\u24a0', f:'\u24a1', g:'\u24a2', h:'\u24a3', i:'\u24a4', j:'\u24a5', k:'\u24a6', l:'\u24a7', m:'\u24a8', n:'\u24a9', o:'\u24aa', p:'\u24ab', q:'\u24ac', r:'\u24ad', s:'\u24ae', t:'\u24af', u:'\u24b0', v:'\u24b1', w:'\u24b2', x:'\u24b3', y:'\u24b4', z:'\u24b5', A:'\u249c', B:'\u249d', C:'\u249e', D:'\u249f', E:'\u24a0', F:'\u24a1', G:'\u24a2', H:'\u24a3', I:'\u24a4', J:'\u24a5', K:'\u24a6', L:'\u24a7', M:'\u24a8', N:'\u24a9', O:'\u24aa', P:'\u24ab', Q:'\u24ac', R:'\u24ad', S:'\u24ae', T:'\u24af', U:'\u24b0', V:'\u24b1', W:'\u24b2', X:'\u24b3', Y:'\u24b4', Z:'\u24b5' } },\r\n                    { name: 'S\u1d0d\u1d00\u029f\u029f C\u1d00\u1d18s', map: { a:'\u1d00', b:'\u0299', c:'\u1d04', d:'\u1d05', e:'\u1d07', f:'\ua730', 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:'s', t:'\u1d1b', u:'\u1d1c', v:'\u1d20', w:'\u1d21', x:'x', y:'\u028f', z:'\u1d22', A:'A', B:'B', C:'C', D:'D', E:'E', F:'F', G:'G', H:'H', I:'I', J:'J', K:'K', L:'L', M:'M', N:'N', O:'O', P:'P', Q:'Q', R:'R', S:'S', T:'T', U:'U', V:'V', W:'W', X:'X', Y:'Y', Z:'Z' } },\r\n                    { name: 'u\u028dop \u01ddp\u0131sd\u0548', map: { a:'\u0250', b:'q', c:'\u0254', d:'p', e:'\u01dd', f:'\u025f', g:'\u0183', h:'\u0265', i:'\u0131', j:'\u027e', k:'\u029e', l:'l', m:'\u026f', n:'u', o:'o', p:'d', q:'b', r:'\u0279', s:'s', t:'\u0287', u:'n', v:'\u028c', w:'\u028d', x:'x', y:'\u028e', z:'z', A:'\u2200', B:'B', C:'\u0186', D:'D', E:'\u018e', F:'\u2132', G:'\u05e4', H:'H', I:'I', J:'\u017f', K:'K', L:'\u02e5', M:'W', N:'N', O:'O', P:'\u0500', Q:'Q', R:'R', S:'S', T:'\u2534', U:'\u2229', V:'\u039b', W:'M', X:'X', Y:'\u2144', Z:'Z' } },\r\n                    { name: '\ud83c\udded \ud83c\udde6 \ud83c\uddf9 \ud83c\uddf9 \ud83c\uddea \ud83c\udde9', map: { a:'\ud83c\udde6', b:'\ud83c\udde7', c:'\ud83c\udde8', d:'\ud83c\udde9', e:'\ud83c\uddea', f:'\ud83c\uddeb', g:'\ud83c\uddec', h:'\ud83c\udded', i:'\ud83c\uddee', j:'\ud83c\uddef', k:'\ud83c\uddf0', l:'\ud83c\uddf1', m:'\ud83c\uddf2', n:'\ud83c\uddf3', o:'\ud83c\uddf4', p:'\ud83c\uddf5', q:'\ud83c\uddf6', r:'\ud83c\uddf7', s:'\ud83c\uddf8', t:'\ud83c\uddf9', u:'\ud83c\uddfa', v:'\ud83c\uddfb', w:'\ud83c\uddfc', x:'\ud83c\uddfd', y:'\ud83c\uddfe', z:'\ud83c\uddff', A:'\ud83c\udde6', B:'\ud83c\udde7', C:'\ud83c\udde8', D:'\ud83c\udde9', E:'\ud83c\uddea', F:'\ud83c\uddeb', G:'\ud83c\uddec', H:'\ud83c\udded', I:'\ud83c\uddee', J:'\ud83c\uddef', K:'\ud83c\uddf0', L:'\ud83c\uddf1', M:'\ud83c\uddf2', N:'\ud83c\uddf3', O:'\ud83c\uddf4', P:'\ud83c\uddf5', Q:'\ud83c\uddf6', R:'\ud83c\uddf7', S:'\ud83c\uddf8', T:'\ud83c\uddf9', U:'\ud83c\uddfa', V:'\ud83c\uddfb', W:'\ud83c\uddfc', X:'\ud83c\uddfd', Y:'\ud83c\uddfe', Z:'\ud83c\uddff' } },\r\n                    { name: 'O\u0305v\u0305e\u0305r\u0305l\u0305i\u0305n\u0305e\u0305d\u0305', combining: '\\u0305' }, { name: 'U\u035fn\u035fd\u035fe\u035fr\u035fl\u0305i\u0305n\u0305e\u035fd\u035f', combining: '\\u0332' },\r\n                    { name: 'S\u0334t\u0334r\u0334i\u0334k\u0334e\u0334t\u0334h\u0334r\u0334o\u0334u\u0334g\u0334h\u0334', combining: '\\u0336' }, { name: 'T\u0330i\u0330l\u0330d\u0330e\u0330 S\u0330t\u0330r\u0330i\u0330k\u0330e\u0330', combining: '\\u0334' },\r\n                    { name: 'S\u0337l\u0337a\u0337s\u0337h\u0337e\u0337d\u0337', combining: '\\u0337' }, { name: 'D\u0324o\u0324t\u0324t\u0324e\u0324d\u0324 B\u0324e\u0324l\u0324o\u0324w\u0324', combining: '\\u0324' },\r\n                    { name: 'A\u034er\u034er\u034eo\u034ew\u034es\u034e B\u034ee\u034el\u034eo\u034ew\u034e', combining: '\\u034e' }\r\n                ];\r\n                const INITIAL_FONTS_TO_SHOW = 12;\r\n                let visibleFontCount = INITIAL_FONTS_TO_SHOW;\r\n\r\n                const convertText = (text, font) => {\r\n                    if (font.combining) { return text.split('').join(font.combining) + (text.length > 0 ? font.combining : ''); }\r\n                    let converted = '';\r\n                    for (const char of text) { converted += font.map[char] || char; }\r\n                    return converted;\r\n                };\r\n\r\n                const renderFonts = () => {\r\n                    if (!resultsGrid) return;\r\n                    const inputText = textInput.value;\r\n                    const textToRender = inputText || 'Your awesome text here...';\r\n                    resultsGrid.innerHTML = ''; \r\n                    const fontsToDisplay = fontData.slice(0, visibleFontCount);\r\n                    fontsToDisplay.forEach(font => {\r\n                        const convertedText = convertText(textToRender, font);\r\n                        const card = document.createElement('div');\r\n                        card.className = 'font-card';\r\n                        card.innerHTML = `<div class=\"font-preview-wrapper\"><p class=\"font-preview\">${convertedText}<\/p><\/div><div class=\"card-footer\"><span class=\"font-name\">${font.name}<\/span><button class=\"copy-btn\" data-text=\"${escape(convertedText)}\">Copy<\/button><\/div>`;\r\n                        resultsGrid.appendChild(card);\r\n                    });\r\n                    if (loadMoreBtn) {\r\n                        loadMoreBtn.classList.toggle('hidden', visibleFontCount >= fontData.length);\r\n                    }\r\n                };\r\n                \r\n                const copyToClipboard = (copyButton) => {\r\n                    if (!navigator.clipboard) return;\r\n                    const textToCopy = unescape(copyButton.dataset.text);\r\n                    navigator.clipboard.writeText(textToCopy).then(() => {\r\n                        const originalText = copyButton.textContent;\r\n                        copyButton.textContent = 'Copied!';\r\n                        copyButton.classList.add('copied');\r\n                        setTimeout(() => {\r\n                            copyButton.textContent = originalText;\r\n                            copyButton.classList.remove('copied');\r\n                        }, 1500);\r\n                    }).catch(err => console.error('TFT: Failed to copy - ', err));\r\n                };\r\n                \r\n                if(textInput) {\r\n                    textInput.addEventListener('input', () => {\r\n                        renderFonts();\r\n                        if(clearBtn) clearBtn.style.display = textInput.value.length > 0 ? 'block' : 'none';\r\n                    });\r\n                }\r\n                if(clearBtn) {\r\n                    clearBtn.addEventListener('click', () => {\r\n                        textInput.value = ''; textInput.focus();\r\n                        renderFonts(); clearBtn.style.display = 'none';\r\n                    });\r\n                }\r\n                if(loadMoreBtn) {\r\n                    loadMoreBtn.addEventListener('click', () => {\r\n                        visibleFontCount = fontData.length; renderFonts();\r\n                    });\r\n                }\r\n                if(resultsGrid) {\r\n                    resultsGrid.addEventListener('click', (event) => {\r\n                        if (event.target.classList.contains('copy-btn')) {\r\n                            copyToClipboard(event.target);\r\n                        }\r\n                    });\r\n                }\r\n                \r\n                renderFonts();\r\n\r\n                \/\/ --- FAQ ACCORDION LOGIC ---\r\n                const faqQuestions = toolContainer.querySelectorAll('.tft-faq-accordion .faq-question');\r\n                faqQuestions.forEach(question => {\r\n                    question.addEventListener('click', () => {\r\n                        const answer = question.nextElementSibling;\r\n                        const item = question.parentElement;\r\n\r\n                        question.classList.toggle('active');\r\n\r\n                        if (question.classList.contains('active')) {\r\n                            answer.style.maxHeight = answer.scrollHeight + 'px';\r\n                        } else {\r\n                            answer.style.maxHeight = '0px';\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n        })();\r\n    <\/script>\r\n<\/div>\r\n<!-- END: TikTok Font Generator Tool + SEO Content for WordPress -->\r\n\r\n<!-- Content Section Start From Here -->\r\n\r\n<!-- Font Awesome CDN -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div id=\"tiktok-supportive-content\">\r\n    <style>\r\n        \/* Base Variables & Layout *\/\r\n        #tiktok-supportive-content {\r\n            --tk-pink: #FE2C55;\r\n            --tk-cyan: #25F4EE;\r\n            --tk-black: #000000;\r\n            --tk-dark-gray: #181818;\r\n            --tk-light-gray: #f0f7ff;\r\n            --tk-text: #e5e5e5;\r\n            --tk-muted: #888888;\r\n            --gradient-tk: linear-gradient(90deg, #FE2C55, #25F4EE);\r\n            --container-width: 1200px;\r\n            --card-radius: 10px;\r\n            --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n            \r\n            font-family: 'Poppins', sans-serif;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        #tiktok-supportive-content .section-wrapper {\r\n            width: 100%;\r\n            padding: clamp(3rem, 8vw, 5rem) 1.5rem;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        #tiktok-supportive-content .inner-container {\r\n            max-width: var(--container-width);\r\n            width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Typography *\/\r\n        #tiktok-supportive-content .header-group {\r\n            text-align: center;\r\n            margin-bottom: clamp(2.5rem, 6vw, 4rem);\r\n        }\r\n\r\n        #tiktok-supportive-content .header-group h2 {\r\n            font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n            font-weight: 800;\r\n            margin-bottom: 1rem;\r\n            background: var(--gradient-tk);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            display: inline-block;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        #tiktok-supportive-content .header-group p {\r\n            font-size: clamp(0.95rem, 1.5vw, 1.15rem);\r\n            color: var(--tk-muted);\r\n            max-width: 850px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Responsive Grid *\/\r\n        #tiktok-supportive-content .card-grid {\r\n            display: grid;\r\n            gap: 25px;\r\n            grid-template-columns: repeat(4, 1fr);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #tiktok-supportive-content .card-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n        @media (max-width: 600px) {\r\n            #tiktok-supportive-content .card-grid { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        \/* Card Base Styles *\/\r\n        #tiktok-supportive-content .info-card {\r\n            padding: 35px 25px;\r\n            border-radius: var(--card-radius);\r\n            text-align: center;\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            border: 1px solid rgba(255, 254, 254, 0.05);\r\n        }\r\n\r\n        #tiktok-supportive-content .info-card i {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 20px;\r\n            background: var(--gradient-tk);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        #tiktok-supportive-content .info-card h3 {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            color: var(--tk-black);\r\n        }\r\n\r\n        #tiktok-supportive-content .sec-2 .info-card h3 { color: var(--tk-black); }\r\n        #tiktok-supportive-content .sec-1 .info-card h3, \r\n        #tiktok-supportive-content .sec-3 .info-card h3 { color: var(--tk-dark-gray); }\r\n\r\n        #tiktok-supportive-content .info-card p {\r\n            font-size: 0.95rem;\r\n            color: var(--tk-muted);\r\n            line-height: 1.6;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* --- SECTION 1: WHAT (BG #fff, Cards #f0f7ff) --- \r\n           INTERACTION: Card lift with layered shadow depth\r\n        *\/\r\n        #tiktok-supportive-content .sec-1 { background-color: #ffffff; }\r\n        #tiktok-supportive-content .sec-1 .info-card { background-color: var(--tk-light-gray); }\r\n        \r\n        #tiktok-supportive-content .sec-1 .info-card:hover {\r\n            transform: translateY(-12px);\r\n            box-shadow: 0 10px 20px rgba(254, 44, 85, 0.1), \r\n                        0 20px 40px rgba(37, 244, 238, 0.1);\r\n        }\r\n        #tiktok-supportive-content .sec-1 .info-card:hover i {\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        \/* --- SECTION 2: WHY (BG #f0f7ff, Cards #fff) --- \r\n           INTERACTION: Diagonal light sweep\r\n        *\/\r\n        #tiktok-supportive-content .sec-2 { background-color: var(--tk-light-gray); }\r\n        #tiktok-supportive-content .sec-2 .info-card { background-color: #ffffff; }\r\n        \r\n        #tiktok-supportive-content .sec-2 .info-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 50%;\r\n            height: 100%;\r\n            background: linear-gradient(\r\n                to right,\r\n                rgba(255, 255, 255, 0) 0%,\r\n                rgba(37, 244, 238, 0.3) 50%,\r\n                rgba(255, 255, 255, 0) 100%\r\n            );\r\n            transform: skewX(-25deg);\r\n            transition: 0.75s;\r\n        }\r\n\r\n        #tiktok-supportive-content .sec-2 .info-card:hover::before {\r\n            left: 125%;\r\n        }\r\n        #tiktok-supportive-content .sec-2 .info-card:hover i {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* --- SECTION 3: HOW (BG #fff, Cards #f0f7ff) --- \r\n           INTERACTION: Smooth scale-pop (Elastic)\r\n        *\/\r\n        #tiktok-supportive-content .sec-3 { background-color: #ffffff; }\r\n        #tiktok-supportive-content .sec-3 .info-card { background-color: var(--tk-light-gray); }\r\n        \r\n        #tiktok-supportive-content .sec-3 .info-card:hover {\r\n            transform: scale(1.05);\r\n            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n        }\r\n        #tiktok-supportive-content .sec-3 .info-card:hover i {\r\n            animation: tk-bounce 0.6s infinite alternate;\r\n        }\r\n\r\n        @keyframes tk-bounce {\r\n            from { transform: translateY(0); }\r\n            to { transform: translateY(-10px); }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- SECTION 1: WHAT -->\r\n<section class=\"section-wrapper sec-1\">\r\n        <div class=\"inner-container\">\r\n        \r\n        <\/div>\r\n\t<\/section>\r\n    <section class=\"section-wrapper sec-1\">\r\n        <div class=\"inner-container\">\r\n            <header class=\"header-group\">\r\n                <h2>What makes TikTok Fonts so powerful?<\/h2>\r\n                <p>Discover the technology and artistry behind Unicode character mapping that allows you to bypass standard system fonts and express your personality on TikTok.<\/p>\r\n            <\/header>\r\n            <div class=\"card-grid\">\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-wand-magic-sparkles\"><\/i>\r\n                    <h3>Aesthetic Variety<\/h3>\r\n                    <p>Access hundreds of unique styles from bold serifs to elegant cursive and distorted glitch fonts.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-globe-americas\"><\/i>\r\n                    <h3>Unicode Standard<\/h3>\r\n                    <p>Our fonts aren't images; they are standard Unicode characters compatible across almost all digital platforms.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-mobile-screen-button\"><\/i>\r\n                    <h3>App Native<\/h3>\r\n                    <p>Perfectly optimized for the TikTok interface, ensuring your bio and captions look crisp on every smartphone.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-infinity\"><\/i>\r\n                    <h3>Unlimited Creativity<\/h3>\r\n                    <p>Generate as many variations as you want. There are no limits to how you can style your profile.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-shield-halved\"><\/i>\r\n                    <h3>Safe & Secure<\/h3>\r\n                    <p>Our tool requires no logins or downloads. It is a browser-based utility that respects your privacy.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-bolt-lightning\"><\/i>\r\n                    <h3>Instant Results<\/h3>\r\n                    <p>Type once and watch all 100+ font variations appear instantly without any rendering delay.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-layer-group\"><\/i>\r\n                    <h3>Multi-Platform<\/h3>\r\n                    <p>While designed for TikTok, these fonts work equally well on Instagram, Discord, and Twitter.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-universal-access\"><\/i>\r\n                    <h3>Zero Installation<\/h3>\r\n                    <p>Forget downloading font files (.ttf). Just copy the styled text and paste it directly into the app.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 2: WHY -->\r\n    <section class=\"section-wrapper sec-2\">\r\n        <div class=\"inner-container\">\r\n            <header class=\"header-group\">\r\n                <h2>Why should you use an aesthetic font in your bio?<\/h2>\r\n                <p>In a world of a billion creators, standing out is essential. Stylized typography is a psychological trigger that grabs attention and builds brand recognition.<\/p>\r\n            <\/header>\r\n            <div class=\"card-grid\">\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-rocket\"><\/i>\r\n                    <h3>Higher Engagement<\/h3>\r\n                    <p>Unique fonts stop the scroll, inviting users to pause and actually read your bio or captions.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-star\"><\/i>\r\n                    <h3>Stand Out<\/h3>\r\n                    <p>Differentiate your profile from the millions of accounts using the default TikTok system font.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-user-tag\"><\/i>\r\n                    <h3>Niche Branding<\/h3>\r\n                    <p>Whether you are into gaming, fashion, or tech, find a font that perfectly matches your niche's vibe.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-chart-line\"><\/i>\r\n                    <h3>Algorithm Edge<\/h3>\r\n                    <p>Increased \"stop-time\" on your profile signal to the algorithm that your content is high-interest.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-face-smile-beam\"><\/i>\r\n                    <h3>Personality Plus<\/h3>\r\n                    <p>Express moods like \"dreamy,\" \"aggressive,\" or \"minimalist\" through typography alone.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-share-nodes\"><\/i>\r\n                    <h3>Viral Potential<\/h3>\r\n                    <p>Cool captions are more likely to be shared and screenshotted by followers and new fans.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-check-double\"><\/i>\r\n                    <h3>Professionalism<\/h3>\r\n                    <p>A well-styled bio suggests you put extra effort into your content, building trust with brands.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-eye\"><\/i>\r\n                    <h3>Visual Hierarchy<\/h3>\r\n                    <p>Use different fonts to highlight your most important links or calls-to-action in your bio.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION 3: HOW -->\r\n    <section class=\"section-wrapper sec-3\">\r\n        <div class=\"inner-container\">\r\n            <header class=\"header-group\">\r\n                <h2>How to maximize your TikTok profile's engagement?<\/h2>\r\n                <p>Follow these expert steps to ensure your stylized text is not only beautiful but effective in driving follows and views.<\/p>\r\n            <\/header>\r\n            <div class=\"card-grid\">\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-keyboard\"><\/i>\r\n                    <h3>1. Type & Explore<\/h3>\r\n                    <p>Enter your text in our generator and explore the wide range of aesthetic variations available.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-magnifying-glass\"><\/i>\r\n                    <h3>2. Select Wisely<\/h3>\r\n                    <p>Choose a font that is readable. High-style fonts are great, but clarity is still king for SEO.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-copy\"><\/i>\r\n                    <h3>3. Tap to Copy<\/h3>\r\n                    <p>Use our one-tap copy button to save the text to your clipboard instantly without formatting errors.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-paste\"><\/i>\r\n                    <h3>4. Update Bio<\/h3>\r\n                    <p>Paste the new text into your TikTok bio or caption field and save the changes to see the magic.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-comments\"><\/i>\r\n                    <h3>5. Style Comments<\/h3>\r\n                    <p>Use cool fonts in your top comments to grab attention and drive traffic back to your videos.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-pen-nib\"><\/i>\r\n                    <h3>6. Caption Branding<\/h3>\r\n                    <p>Consistent font usage across your captions helps create a recognizable brand identity over time.<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-sliders\"><\/i>\r\n                    <h3>7. Mix & Match<\/h3>\r\n                    <p>Combine standard text with stylized fonts to emphasize specific words like \"SALE\" or \"NEW VIDEO.\"<\/p>\r\n                <\/div>\r\n                <div class=\"info-card\">\r\n                    <i class=\"fas fa-circle-check\"><\/i>\r\n                    <h3>8. Test Visibility<\/h3>\r\n                    <p>Always check your profile on both Light and Dark modes to ensure the font remains visible.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":7231,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/comments?post=7109"}],"version-history":[{"count":5,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7109\/revisions"}],"predecessor-version":[{"id":7228,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7109\/revisions\/7228"}],"up":[{"embeddable":true,"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/pages\/7231"}],"wp:attachment":[{"href":"https:\/\/raistheme.com\/wp-json\/wp\/v2\/media?parent=7109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}