{"id":106,"date":"2026-04-17T03:40:45","date_gmt":"2026-04-17T03:40:45","guid":{"rendered":"https:\/\/fxtlinkgroup.com\/?page_id=106"},"modified":"2026-04-17T03:41:19","modified_gmt":"2026-04-17T03:41:19","slug":"test-font","status":"publish","type":"page","link":"https:\/\/fxtlinkgroup.com\/en\/test-font\/","title":{"rendered":"Test Font"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"106\" class=\"elementor elementor-106\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da8cfc5 e-flex e-con-boxed e-con e-parent\" data-id=\"da8cfc5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c37a82 elementor-widget elementor-widget-shortcode\" data-id=\"8c37a82\" 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\">        <div id=\"fotyte-font-tester\" class=\"fotyte-font-tester-container\">\n            <!-- Font Selection -->\n            <div class=\"fotyte-control-group\">\n                <label for=\"fotyte-font-select\">Select Font:<\/label>\n                <select id=\"fotyte-font-select\" class=\"fotyte-font-select\">\n                    <option value=\"\">Choose a font...<\/option>\n                                            <option value=\"1\" \n                                data-font-url=\"https:\/\/fxtlinkgroup.com\/wp-content\/uploads\/font-tester\/winter.otf\"\n                                data-font-name=\"Winter\">\n                            Winter                        <\/option>\n                                    <\/select>\n            <\/div>\n            \n            <!-- Typography Controls -->\n            <div class=\"fotyte-controls-row\">\n                <div class=\"fotyte-control-group\">\n                    <label for=\"fotyte-font-size\">Font Size: <span id=\"fotyte-size-display\">18px<\/span><\/label>\n                    <input type=\"range\" id=\"fotyte-font-size\" class=\"fotyte-slider\" min=\"8\" max=\"120\" value=\"18\" step=\"1\">\n                <\/div>\n                \n                <div class=\"fotyte-control-group\">\n                    <label for=\"fotyte-line-height\">Line Height: <span id=\"fotyte-line-display\">1.4<\/span><\/label>\n                    <input type=\"range\" id=\"fotyte-line-height\" class=\"fotyte-slider\" min=\"0.8\" max=\"3\" value=\"1.4\" step=\"0.1\">\n                <\/div>\n                \n                <div class=\"fotyte-control-group\">\n                    <label for=\"fotyte-letter-spacing\">Letter Spacing: <span id=\"fotyte-spacing-display\">0px<\/span><\/label>\n                    <input type=\"range\" id=\"fotyte-letter-spacing\" class=\"fotyte-slider\" min=\"-5\" max=\"10\" value=\"0\" step=\"0.1\">\n                <\/div>\n            <\/div>\n            \n            <!-- Font Weight & Style Controls -->\n            <div class=\"fotyte-controls-row\">\n                <div class=\"fotyte-control-group\">\n                    <label for=\"fotyte-font-weight\">Font Weight:<\/label>\n                    <select id=\"fotyte-font-weight\" class=\"fotyte-select\">\n                        <option value=\"100\">100 - Thin<\/option>\n                        <option value=\"200\">200 - Extra Light<\/option>\n                        <option value=\"300\">300 - Light<\/option>\n                        <option value=\"400\" selected>400 - Normal<\/option>\n                        <option value=\"500\">500 - Medium<\/option>\n                        <option value=\"600\">600 - Semi Bold<\/option>\n                        <option value=\"700\">700 - Bold<\/option>\n                        <option value=\"800\">800 - Extra Bold<\/option>\n                        <option value=\"900\">900 - Black<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"fotyte-control-group\">\n                    <label for=\"fotyte-font-style\">Font Style:<\/label>\n                    <select id=\"fotyte-font-style\" class=\"fotyte-select\">\n                        <option value=\"normal\" selected>Normal<\/option>\n                        <option value=\"italic\">Italic<\/option>\n                        <option value=\"oblique\">Oblique<\/option>\n                    <\/select>\n                <\/div>\n                \n                <div class=\"fotyte-control-group\">\n                    <label for=\"fotyte-text-transform\">Text Transform:<\/label>\n                    <select id=\"fotyte-text-transform\" class=\"fotyte-select\">\n                        <option value=\"none\" selected>None<\/option>\n                        <option value=\"uppercase\">Uppercase<\/option>\n                        <option value=\"lowercase\">Lowercase<\/option>\n                        <option value=\"capitalize\">Capitalize<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            \n            <!-- Color Controls -->\n            <div class=\"fotyte-controls-row\">\n                <div class=\"fotyte-control-group\">\n                    <label for=\"fotyte-text-color\">Text Color:<\/label>\n                    <input type=\"color\" id=\"fotyte-text-color\" class=\"fotyte-color-picker\" value=\"#333333\">\n                <\/div>\n                \n                <div class=\"fotyte-control-group\">\n                    <label for=\"fotyte-bg-color\">Background Color:<\/label>\n                    <input type=\"color\" id=\"fotyte-bg-color\" class=\"fotyte-color-picker\" value=\"#ffffff\">\n                <\/div>\n            <\/div>\n            \n            <!-- Sample Text Input -->\n            <div class=\"fotyte-control-group fotyte-full-width\">\n                <label for=\"fotyte-sample-text\">Sample Text:<\/label>\n                <textarea id=\"fotyte-sample-text\" class=\"fotyte-textarea\" rows=\"3\" placeholder=\"Type your text here...\">The quick brown fox jumps over the lazy dog. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&amp;*()_+-=[]{}|;:&quot;,.\/&lt;&gt;?<\/textarea>\n            <\/div>\n            \n            <!-- Preview Area -->\n            <div class=\"fotyte-preview-area\">\n                <h3>Font Preview:<\/h3>\n                <div id=\"fotyte-preview\" class=\"fotyte-preview-text\">\n                    Please select a font to see the preview.                <\/div>\n            <\/div>\n            \n            <!-- Preset Text Samples -->\n            <div class=\"fotyte-presets\">\n                <h4>Quick Text Samples:<\/h4>\n                <div class=\"fotyte-preset-buttons\">\n                    <button type=\"button\" class=\"fotyte-preset-btn\" data-text=\"The quick brown fox jumps over the lazy dog.\">Pangram<\/button>\n                    <button type=\"button\" class=\"fotyte-preset-btn\" data-text=\"ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz\">Alphabet<\/button>\n                    <button type=\"button\" class=\"fotyte-preset-btn\" data-text=\"1234567890 !@#$%^&*()_+-=[]{}|;:&quot;,.\/&lt;&gt;?\">Numbers &amp; Symbols<\/button>\n                    <button type=\"button\" class=\"fotyte-preset-btn\" data-text=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\">Lorem Ipsum<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fxtlinkgroup.com\/en\/wp-json\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fxtlinkgroup.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fxtlinkgroup.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fxtlinkgroup.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fxtlinkgroup.com\/en\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":4,"href":"https:\/\/fxtlinkgroup.com\/en\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/fxtlinkgroup.com\/en\/wp-json\/wp\/v2\/pages\/106\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/fxtlinkgroup.com\/en\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}