{"id":9,"date":"2025-12-10T08:33:59","date_gmt":"2025-12-10T08:33:59","guid":{"rendered":"https:\/\/hairband.glorycollagenshop.com\/?page_id=9"},"modified":"2026-05-24T10:38:03","modified_gmt":"2026-05-24T10:38:03","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/hairband.glorycollagenshop.com\/?page_id=9","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2c3ef6 e-con-full e-flex e-con e-parent\" data-id=\"e2c3ef6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e45b37d elementor-widget elementor-widget-html\" data-id=\"e45b37d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"background:#fdfade; padding:20px; text-align:center; font-family:sans-serif; color:#000;\">\r\n  <style>\r\n    \/* \u0e42\u0e2b\u0e25\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c (\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e42\u0e14\u0e40\u0e21\u0e19 hairband) *\/\r\n    @font-face { font-family: 'Daylove DEMO'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Daylove_DEMO.ttf') format('truetype'); }\r\n    @font-face { font-family: 'Royale Dreams'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Royale Dreams Personal Use Only.ttf') format('truetype'); }\r\n    @font-face { font-family: 'Sacramento'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Sacramento-Regular.ttf') format('truetype'); }\r\n    @font-face { font-family: 'Simple Mandala'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Simple Mandala.otf') format('opentype'); }\r\n    @font-face { font-family: 'Sunshine'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Sunshine.ttf') format('truetype'); }\r\n    @font-face { font-family: 'Sweetie'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Sweetie.otf') format('opentype'); }\r\n    @font-face { font-family: 'Birds of Paradise'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Birds of Paradise + PERSONAL USE ONLY.ttf') format('truetype'); }\r\n    @font-face { font-family: 'Bellarose DEMO'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Bellarose_DEMO.ttf') format('truetype'); }\r\n    @font-face { font-family: 'Rastalia'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Rastalia.ttf') format('truetype'); }\r\n    @font-face { font-family: 'SwirlyCanalope'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/SwirlyCanalope_PERSONAL_USE_ONLY.otf') format('opentype'); }\r\n    @font-face { font-family: 'MADE Gentle PERSONAL USE'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/MADE Gentle PERSONAL USE.otf') format('opentype'); }\r\n    @font-face { font-family: 'Marine Sikona'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Marine Sikona.otf') format('opentype'); }\r\n    @font-face { font-family: 'Bagrile'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Bagrile.otf') format('opentype'); }\r\n\r\n    \/* \u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22 *\/\r\n    @font-face { font-family: 'Itim'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/Itim Regular.otf') format('opentype'); }\r\n    @font-face { font-family: 'JS Toomtam'; src: url('https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/fonts\/JS Toomtam Normal.ttf') format('truetype'); }\r\n\r\n    .lang-select { margin-bottom:20px; }\r\n    input[type=text] {\r\n      width:90%;\r\n      max-width:400px;\r\n      font-size:20px;\r\n      padding:10px;\r\n      margin:20px auto;\r\n      border:2px solid #f286a7;\r\n      border-radius:8px;\r\n      display:none;\r\n    }\r\n    h2 { color:#f286a7; margin-top:40px; }\r\n\r\n    \/* \u0e08\u0e31\u0e14\u0e15\u0e32\u0e23\u0e32\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c *\/\r\n    .font-grid { \r\n      display:grid; \r\n      grid-template-columns: repeat(5, 1fr); \r\n      gap:15px; \r\n      max-width:1000px; \r\n      margin:auto; \r\n    }\r\n    @media(max-width:1024px){ \r\n      .font-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n    @media(max-width:768px){ \r\n      .font-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    .font-block {\r\n      text-align:center;\r\n      padding:10px;\r\n      background:#fff;\r\n      border-radius:8px;\r\n      box-shadow:0 0 5px rgba(0,0,0,0.1);\r\n    }\r\n    .font-block span { font-weight:bold; display:block; margin-bottom:5px; }\r\n    .font-sample {\r\n      margin:10px 0;\r\n      font-size:36px;\r\n      white-space:nowrap;\r\n      overflow-x:auto;\r\n      display:block;\r\n    }\r\n    button {\r\n      background:#f286a7;\r\n      color:white;\r\n      padding:10px 20px;\r\n      border:none;\r\n      border-radius:8px;\r\n      font-size:18px;\r\n      cursor:pointer;\r\n      margin-top:20px;\r\n    }\r\n    button:hover { background:#e06a8e; }\r\n    @media(max-width:768px){ .font-sample{font-size:28px;} }\r\n  <\/style>\r\n\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n\r\n  <!-- \u0e42\u0e25\u0e42\u0e01\u0e49 \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23 -->\r\n  <img decoding=\"async\" src=\"https:\/\/gbstory.glorycollagenshop.com\/wp-content\/uploads\/2025\/07\/\u0e42\u0e1b\u0e23\u0e48\u0e07.png\" style=\"max-width:200px; margin-bottom:20px;\">\r\n  <h1>GB.story Font Preview<\/h1>\r\n\r\n  <div class=\"lang-select\">\r\n    <label><input type=\"radio\" name=\"lang\" value=\"eng\" checked onchange=\"toggleLanguage()\"> English<\/label>\r\n    <label><input type=\"radio\" name=\"lang\" value=\"thai\" onchange=\"toggleLanguage()\"> \u0e44\u0e17\u0e22<\/label>\r\n  <\/div>\r\n\r\n  <!-- \u0e0a\u0e48\u0e2d\u0e07\u0e01\u0e23\u0e2d\u0e01\u0e0a\u0e37\u0e48\u0e2d -->\r\n  <input type=\"text\" id=\"engInput\" value=\"may\" oninput=\"updateText()\" style=\"display:block;\">\r\n  <input type=\"text\" id=\"thaiInput\" value=\"\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e0a\u0e37\u0e48\u0e2d\" oninput=\"updateText()\">\r\n\r\n  <div id=\"previewArea\">\r\n    <!-- English Fonts -->\r\n    <h2 id=\"engHeader\">English Fonts<\/h2>\r\n    <div id=\"englishSection\" class=\"font-grid\">\r\n      <div class=\"font-block\"><span>F1.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Daylove DEMO'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F2.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Royale Dreams'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F3.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Sacramento'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F4.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Simple Mandala'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F5.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Sunshine'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F6.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Sweetie'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F7.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Birds of Paradise'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F8.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Bellarose DEMO'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F9.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Rastalia'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F10.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'SwirlyCanalope'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F11.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'MADE Gentle PERSONAL USE'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F12.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Marine Sikona'\">may<\/div><\/div>\r\n      <div class=\"font-block\"><span>F13.<\/span><div class=\"font-sample eng-sample\" style=\"font-family:'Bagrile'\">may<\/div><\/div>\r\n    <\/div>\r\n\r\n    <!-- Thai Fonts -->\r\n    <h2 id=\"thaiHeader\" style=\"display:none;\">Thai Fonts<\/h2>\r\n    <div id=\"thaiSection\" class=\"font-grid\" style=\"display:none;\">\r\n      <div class=\"font-block\"><span>F14.<\/span><div class=\"font-sample thai-sample\" style=\"font-family:'Itim'\">\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e0a\u0e37\u0e48\u0e2d<\/div><\/div>\r\n      <div class=\"font-block\"><span>F15.<\/span><div class=\"font-sample thai-sample\" style=\"font-family:'JS Toomtam'\">\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e0a\u0e37\u0e48\u0e2d<\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <button onclick=\"downloadImage()\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e1f\u0e2d\u0e19\u0e15\u0e4c<\/button>\r\n\r\n  <script>\r\n    function toggleLanguage() {\r\n      const lang = document.querySelector('input[name=\"lang\"]:checked').value;\r\n      document.getElementById('engInput').style.display = lang === 'eng' ? 'block' : 'none';\r\n      document.getElementById('thaiInput').style.display = lang === 'thai' ? 'block' : 'none';\r\n      document.getElementById('englishSection').style.display = lang === 'eng' ? 'grid' : 'none';\r\n      document.getElementById('thaiSection').style.display = lang === 'thai' ? 'grid' : 'none';\r\n      document.getElementById('engHeader').style.display = lang === 'eng' ? 'block' : 'none';\r\n      document.getElementById('thaiHeader').style.display = lang === 'thai' ? 'block' : 'none';\r\n    }\r\n\r\n    function updateText(){\r\n      const engVal = document.getElementById('engInput').value;\r\n      const thaiVal = document.getElementById('thaiInput').value;\r\n      document.querySelectorAll('.eng-sample').forEach(el => el.textContent = engVal);\r\n      document.querySelectorAll('.thai-sample').forEach(el => el.textContent = thaiVal);\r\n    }\r\n\r\n    function downloadImage(){\r\n      html2canvas(document.querySelector(\"#previewArea\")).then(canvas => {\r\n        const link = document.createElement('a');\r\n        link.download = 'font_preview.png';\r\n        link.href = canvas.toDataURL();\r\n        link.click();\r\n      });\r\n    }\r\n\r\n    window.addEventListener('DOMContentLoaded', () => {\r\n      toggleLanguage();\r\n      updateText();\r\n    });\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3c21f3 elementor-widget elementor-widget-image\" data-id=\"d3c21f3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/2026\/05\/HAIR-CLIB-\u0e43\u0e2b\u0e21\u0e48\u0e43\u0e1a\u0e44\u0e21\u0e49-768x1024.png\" class=\"attachment-large size-large wp-image-66\" alt=\"\" srcset=\"https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/2026\/05\/HAIR-CLIB-\u0e43\u0e2b\u0e21\u0e48\u0e43\u0e1a\u0e44\u0e21\u0e49-768x1024.png 768w, https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/2026\/05\/HAIR-CLIB-\u0e43\u0e2b\u0e21\u0e48\u0e43\u0e1a\u0e44\u0e21\u0e49-225x300.png 225w, https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/2026\/05\/HAIR-CLIB-\u0e43\u0e2b\u0e21\u0e48\u0e43\u0e1a\u0e44\u0e21\u0e49.png 1080w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8f14d3 e-con-full e-flex e-con e-child\" data-id=\"e8f14d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05f396b elementor-widget elementor-widget-image\" data-id=\"05f396b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/2025\/12\/\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d-768x1024.png\" class=\"attachment-large size-large wp-image-34\" alt=\"\" srcset=\"https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/2025\/12\/\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d-768x1024.png 768w, https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/2025\/12\/\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d-225x300.png 225w, https:\/\/hairband.glorycollagenshop.com\/wp-content\/uploads\/2025\/12\/\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d.png 1080w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GB.story Font Preview English \u0e44\u0e17\u0e22 English Fonts F1.may F2.may F3.may F4.may F5.may F6.may F7.may F8.may F9.may F10.may F11.may F12.may F13.may Thai Fonts F14.\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e0a\u0e37\u0e48\u0e2d F15.\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e0a\u0e37\u0e48\u0e2d \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e20\u0e32\u0e1e\u0e23\u0e27\u0e21\u0e1f\u0e2d\u0e19\u0e15\u0e4c<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hairband.glorycollagenshop.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hairband.glorycollagenshop.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hairband.glorycollagenshop.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hairband.glorycollagenshop.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hairband.glorycollagenshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":40,"href":"https:\/\/hairband.glorycollagenshop.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/hairband.glorycollagenshop.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/hairband.glorycollagenshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}